Including the closely related term panel.
…; navBlocks.length; i++) { const menu = navBlocks[i].querySelector(".sliding-nav .nav-wrap"); if(menu!==null) { const nav = navBlocks[i].querySelector('.sliding-nav'); const btn = navBlocks[i].querySelector(".nav-cta"); const navLinks = navBlocks[i].querySelectorAll(".sliding-nav .nav-items > li"); const dropdownCta = navBlocks[i].querySelector(".nav-panel-cta…
…"); const dropdownPanel = navBlocks[i].querySelector(".nav-panel"); btn.onclick = function(e) { e.preventDefault(); isMenuOpen = !isMenuOpen; btn.setAttribute('aria-expanded', String(isMenuOpen)); menu.hidden = !isMenuOpen; if(isMenuOpen) { nav.classList.add('is-open…
…(".has-nav-panel"); if(navLinks.length <= 0) { result = false; return; } const dropdownCta = dropDownBlock[0].querySelector(".nav-panel-cta"); const dropdownPanel = dropDownBlock[0].querySelector(".nav-panel"); Array.prototype.forEach.call(navLinks, function(el, i) { let currentNavLink = navLinks[i]; currentNavLink.addEventListener…
…("click", function() { console.log("click"); megaNavClickAndTouchHandler(navLinks, currentNavLink); }); }); function megaNavClickAndTouchHandler(elements, currentElement) { let isSubNavLink = currentElement.classList.contains("has-nav-panel"); let isSubNavLinkActive = currentElement.classList.contains("is-active"); if(!isSubNavLink…
…(elements) { for(let j = 0; j < elements.length; j++) { if(elements[j].classList.contains("has-nav-panel")) { elements[j].classList.remove("is-active"); dropdownCta.setAttribute("aria-expanded", false); } } } } dropDown(); Advice, support…