Design Solutions | Artwork Management

$(document).ready(function() // Hide all content divs initially let previousclass=; $(.desktop-section).fadeIn(); // $(#menu-main-menu-new24 .whoweare a, #menu-main-menu-new24 .resources a, #menu-main-menu-new24 .careers a, #menu-main-menu-new24 .capabilities a).click(function(event) $(#menu-main-menu-new24 .whoweare a, #menu-main-menu-new24 .resources a, #menu-main-menu-new24 .careers a, #menu-main-menu-new24 .capabilities a).on(click,function(event) event.preventDefault(); // Get the class of the clicked link var classlist = $(this).parent().attr(class); var classname = classlist.substring(0, classlist.indexOf( )); $(.dropdown-menu).addClass(hide-submenu); $(.dropdown-menu.+classname).removeClass(hide-submenu); $(#menu-row).addClass(hide-submenu); $(#header-section.et_pb_section.et_pb_section_5_tb_header).removeClass(white-background); document.querySelector(#header-section.et_pb_section).setAttribute(style,background-color: transparent !important; box-shadow:none;); $(#menu-main-menu-new24 a).removeClass(active); $(.accordion-content a).removeClass(active); $(this).addClass(active); if (previousclass === classname) $(#menu-row-dropdown).toggleClass(hide-submenu); else $(#menu-row-dropdown).removeClass(hide-submenu); previousclass = classname; // Update previousclass ); // $(#menu-main-menu-new24 .ecommerce a, #menu-main-menu-new24 .publishing a).click(function(event) $(#menu-main-menu-new24 .ecommerce a, #menu-main-menu-new24 .publishing a).on(click,function(event) event.preventDefault(); // Prevent the default link behavior removeBrTags(); $(#header-section.et_pb_section.et_pb_section_5_tb_header).addClass(white-background); document.querySelector(#header-section.et_pb_section).setAttribute(style,background-color:#fff !important;box-shadow:0px 12px 18px -6px rgba(0,0,0,0.3);); $(.accordion-item).removeClass(active); $(#menu-row-dropdown).addClass(hide-submenu); $(#middle-submenu .et_pb_code_inner > div).addClass(hide-submenu); $(#middle-submenu .et_pb_code_inner > div:first-child).removeClass(hide-submenu); $(#menu-main-menu-new24 a).removeClass(active); $(.accordion-content a).removeClass(active); // Add active class to the clicked menu link $(this).addClass(active); // Get the class of the clicked link var classlist = $(this).parent().attr(class); var classname = classlist.substring(0, classlist.indexOf( )); if(previousclass == classname) $(#menu-row).toggleClass(hide-submenu); else $(#menu-row).removeClass(hide-submenu); //side menu click- display related section const sections = [ecommerce, publishing, whoweare, resources, careers]; sections.forEach((section, index) => if (classname.indexOf(section) !== -1) sections.forEach((_, i) => $(`#section$i + 1`).toggleClass(hide-submenu, i !== index); ); ); previousclass=classname; //console.log(...classname.. : +classname); $(#right-banner-blocks .et_pb_module).addClass(bannercolumn3); if(classname==ecommerce) $(#div1_blog).removeClass(bannercolumn3); else if(classname==publishing) $(#div2_banner).removeClass(bannercolumn3); else $(#div1_news).removeClass(bannercolumn3); // Hide all divs, then show the targeted div $(#left-accordion-menu .et_pb_module).addClass(hide-accordion-menu); $(#+classname).removeClass(hide-accordion-menu); $(#+classname+ .accordion-item:first-child).addClass(active); ); // $(#left-accordion-menu a, #left-accordion-menu .accordion-header span).click(function(event) $(#left-accordion-menu a, #left-accordion-menu .accordion-header span).on(click,function(event) event.preventDefault(); // Prevent the default link behavior removeBrTags() const classname = $(this).attr(class); $(#middle-submenu .et_pb_code_inner > div).addClass(hide-submenu); $(#+classname).removeClass(hide-submenu); ); // $(.accordion-content a).click(function(event) $(.accordion-content a).on(click,function(event) $(.accordion-content a).removeClass(active); $(this).addClass(active); ); ); document.addEventListener(DOMContentLoaded, function() const accordionItems = document.querySelectorAll(.accordion-item); accordionItems.forEach(item => const header = item.querySelector(.accordion-header); header.addEventListener(click, () => // Toggle the active state item.classList.toggle(active); // Close other open items if necessary (for a single open accordion effect) accordionItems.forEach(otherItem => if (otherItem !== item) otherItem.classList.remove(active); ); ); ); /////////////////////// //$(#middle-submenu a).click(function(event) $(#middle-submenu a).on(click,function(event) const isSamePage = window.location.href.split(#)[0] === this.href.split(#)[0]; if (isSamePage) $(#menu-row).addClass(hide-submenu); // menu.classList.remove(active); ); //////////////// // $(#menu-row).click(function(event) $(#menu-row).on(click,function(event) if(!$(event.target).closest(#left-accordion-menu, #middle-submenu, #right-banner-blocks).length) $(#menu-row).addClass(hide-submenu); ); $(document).on(click, function(event) // If click is outside of #menu-row completely if (!$(event.target).closest(#menu-row).length && !$(event.target).closest(#menu-main-menu-new24).length && !$(event.target).closest(.submenu-desktop).length) $(#menu-row).addClass(hide-submenu); $(#menu-row-dropdown).addClass(hide-submenu); ); ////////////////////// ); ////////-------------------------------------------- // Select all the `` tags within the `

` list function removeBrTags() document.querySelectorAll(#middle-submenu ul li a).forEach(anchor => anchor.childNodes.forEach(node => if (node.nodeName === BR) node.remove(); // Remove the
tag ); );