2023-11-26 21:40:10 +00:00
|
|
|
const $ = selector => document.querySelector(selector);
|
|
|
|
|
2024-01-11 23:35:16 +00:00
|
|
|
const navToggle = $(".navToggle");
|
2023-11-26 21:40:10 +00:00
|
|
|
const menu = $(".pageNav > .container");
|
|
|
|
|
|
|
|
navToggle.onclick = () => {
|
2024-01-13 22:12:46 +00:00
|
|
|
const menuToggled = menu.classList.contains("opened");
|
2023-11-26 21:40:10 +00:00
|
|
|
|
2024-01-11 23:35:16 +00:00
|
|
|
if (menuToggled) {
|
2024-01-13 22:12:46 +00:00
|
|
|
menu.classList.remove("opened");
|
2024-01-11 23:35:16 +00:00
|
|
|
} else {
|
2024-01-13 22:12:46 +00:00
|
|
|
menu.classList.add("opened");
|
2024-01-11 23:35:16 +00:00
|
|
|
}
|
2023-11-26 21:40:10 +00:00
|
|
|
|
2024-01-11 23:35:16 +00:00
|
|
|
navToggle.innerHTML = menuToggled ? "Menu" : "Close";
|
|
|
|
}
|
|
|
|
|
2024-01-13 22:12:46 +00:00
|
|
|
window.addEventListener("transitionBuffering", () => menu.classList.remove("opened"));
|