CHORE stop watching this build File
This commit is contained in:
parent
a1a2583039
commit
76d2144851
42
js/app.js
42
js/app.js
|
|
@ -1,42 +0,0 @@
|
||||||
(() => {
|
|
||||||
// resources/js/header.js
|
|
||||||
function menuInit() {
|
|
||||||
let main_navigation = document.querySelector("#primary-menu");
|
|
||||||
const header = document.querySelector("#primary-header");
|
|
||||||
const primary_menu = header.querySelector("#primary-menu");
|
|
||||||
const burgerMenuToggle = header.querySelector("#burger-menu-toggle");
|
|
||||||
const submenuToggles = primary_menu.querySelectorAll(".menu-item-submenu-toggle");
|
|
||||||
burgerMenuToggle.addEventListener("click", function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
header.classList.toggle("nav-open");
|
|
||||||
burgerMenuToggle.toggleAttribute("aria-expanded");
|
|
||||||
gsap.from(primary_menu, {
|
|
||||||
opacity: 20,
|
|
||||||
y: "-100vh",
|
|
||||||
duration: 0.5,
|
|
||||||
ease: Power4.easeOut
|
|
||||||
});
|
|
||||||
});
|
|
||||||
document.addEventListener("focusin", (e) => {
|
|
||||||
const header2 = document.querySelector("#primary-header");
|
|
||||||
console.log(header2.contains(document.activeElement));
|
|
||||||
if (header2.classList.contains("nav-open") && !header2.contains(document.activeElement)) {
|
|
||||||
header2.classList.remove("nav-open");
|
|
||||||
burgerMenuToggle.setAttribute("aria-expanded", false);
|
|
||||||
burgerMenuToggle.focus();
|
|
||||||
}
|
|
||||||
}, true);
|
|
||||||
submenuToggles.forEach((button) => {
|
|
||||||
button.addEventListener("click", function(e) {
|
|
||||||
let isExpanded = button.getAttribute("aria-expanded") === "true";
|
|
||||||
button.setAttribute("aria-expanded", !isExpanded);
|
|
||||||
button.parentElement.querySelector(".sub-menu").classList.toggle("sub-menu-open");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// resources/js/app.js
|
|
||||||
window.addEventListener("load", function() {
|
|
||||||
menuInit();
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
Loading…
Reference in New Issue
Block a user