Design

Development

Marketing

jQuery(document).ready(function ($) { $('#design-header').click(designClicked); function designClicked() { $('#design-header').unbind('click'); // testing unbind window.setTimeout(function () { $('#design-header').click(designClicked); }, 1000); $('.circle-plus').toggleClass('opened'); //NEEDS to change to design-cirlce-plus $('#dev-header').fadeOut(500) $('#design-header').fadeOut(500); $('#marketing-header').fadeOut(500) $('#DesignCloseMenu').delay(500).fadeIn(200); $('.design-content').delay(500).fadeIn(200); $('#backgroundImageSVG img').toggleClass('toggleHue'); window.setTimeout(function () { $('#MainContainer').toggleClass('ContentOpen'); window.location.href = "https://www.cryt.ie/design/" }, 700); SecondStage = window.setTimeout(function () { $('#backgroundImageSVG img').toggleClass('backgroundScale'); }, 400); } $('#marketing-header').click(marketingClicked); function marketingClicked() { $('#marketing-header').unbind('click'); // testing unbind window.setTimeout(function () { $('#marketing-header').click(marketingClicked); }, 1000); $('.circle-plus').toggleClass('opened'); //NEEDS to change to design-cirlce-plus $('#dev-header').fadeOut(500); $('#design-header').fadeOut(500) $('#marketing-header').fadeOut(500) $('.marketing-content').delay(500).fadeIn(200) FirstStage = window.setTimeout(function () { window.location.href = "https://www.cryt.ie/design/" }, 700); SecondStage = window.setTimeout(function () { $('#backgroundImageSVG img').toggleClass('backgroundScale'); }, 500); } $('#dev-header').click(devClicked); function devClicked() { $('#dev-header').fadeToggle(500); $('#dev-content').hide() $('.design-content').hide() $('#design-header').fadeToggle(500) $("#marketing-header").fadeToggle(500) $('.marketing-content').hide() $('#dev-content').delay(700).fadeToggle(200) SecondStage = window.setTimeout(function () { $('#backgroundImageSVG img').toggleClass('backgroundScale'); }, 400); SecondStage = window.setTimeout(function () { window.location.href = "https://www.cryt.ie/development/" }, 1000); } });