پرش به محتوا
const menuButton = document.getElementById("menu-toggle");
const mobileMenu = document.getElementById("mobile-menu");
menuButton.addEventListener("click", () => {
mobileMenu.classList.toggle("active");
if (mobileMenu.classList.contains("active")) {
menuButton.innerHTML = "✕";
} else {
menuButton.innerHTML = "☰";
}
if (!mobileMenu.classList.contains("active")) {
submenuItems.forEach((item) => {
item.classList.remove("open");
});
}
});
document.addEventListener("click", (event) => {
if (
!mobileMenu.contains(event.target) &&
!menuButton.contains(event.target)
) {
mobileMenu.classList.remove("active");
submenuItems.forEach((item) => {
item.classList.remove("open");
});
menuButton.innerHTML = "☰";
}
});
// ======================
// Mobile Sub Menu
// ======================
const submenuItems = document.querySelectorAll(".has-submenu");
submenuItems.forEach((item) => {
const link = item.querySelector(".header-link");
link.addEventListener("click", (e) => {
if (window.innerWidth <= 768) {
e.preventDefault();
submenuItems.forEach((menu) => {
if (menu !== item) {
menu.classList.remove("open");
}
});
item.classList.toggle("open");
}
});
});
