kristofersxyz/static/main/js/navigation.js
2023-01-19 18:15:44 +02:00

16 lines
609 B
JavaScript

const PRIMARY_NAV = document.querySelector(".primary-navigation")
const MENU_BUTTON = document.querySelector(".mobile-nav-toggle")
MENU_BUTTON.addEventListener("click", () => {
const VISIBILITY = PRIMARY_NAV.getAttribute("data-visible") === "false"
if (VISIBILITY) {
PRIMARY_NAV.setAttribute("data-visible", true)
MENU_BUTTON.setAttribute("aria-expanded", true)
MENU_BUTTON.classList.add("open")
} else {
PRIMARY_NAV.setAttribute("data-visible", false)
MENU_BUTTON.setAttribute("aria-expanded", false)
MENU_BUTTON.classList.remove("open")
}
})