perling/public/assets/js/frontend/navbar.js

27 lines
861 B
JavaScript

// Mobile Menu Toggle
const mobileMenuToggle = document.getElementById("mobile-menu-toggle");
const mobileMenuClose = document.getElementById("mobile-menu-close");
const mobileMenu = document.getElementById("mobile-menu");
mobileMenuToggle.addEventListener("click", () => {
mobileMenu.classList.remove("-translate-x-full");
});
mobileMenuClose.addEventListener("click", () => {
mobileMenu.classList.add("-translate-x-full");
});
// Mobile Submenu Toggle
const mobileSubmenuToggles = document.querySelectorAll(
".mobile-submenu-toggle"
);
mobileSubmenuToggles.forEach((toggle) => {
toggle.addEventListener("click", (e) => {
const submenu = e.currentTarget.nextElementSibling;
const svg = e.currentTarget.querySelector("svg");
submenu.classList.toggle("hidden");
svg.classList.toggle("rotate-180");
});
});