Added WP-Theme
This commit is contained in:
33
as-coaching-theme/assets/js/theme.js
Normal file
33
as-coaching-theme/assets/js/theme.js
Normal file
@@ -0,0 +1,33 @@
|
||||
(() => {
|
||||
const navToggle = document.querySelector("[data-nav-toggle]");
|
||||
const nav = document.querySelector("[data-nav]");
|
||||
|
||||
if (!navToggle || !nav) {
|
||||
return;
|
||||
}
|
||||
|
||||
navToggle.addEventListener("click", () => {
|
||||
const isOpen = nav.classList.toggle("is-open");
|
||||
navToggle.setAttribute("aria-expanded", String(isOpen));
|
||||
});
|
||||
|
||||
nav.addEventListener("click", (event) => {
|
||||
const link = event.target.closest("a");
|
||||
|
||||
if (!link) {
|
||||
return;
|
||||
}
|
||||
|
||||
nav.classList.remove("is-open");
|
||||
navToggle.setAttribute("aria-expanded", "false");
|
||||
});
|
||||
|
||||
document.addEventListener("keydown", (event) => {
|
||||
if (event.key !== "Escape") {
|
||||
return;
|
||||
}
|
||||
|
||||
nav.classList.remove("is-open");
|
||||
navToggle.setAttribute("aria-expanded", "false");
|
||||
});
|
||||
})();
|
||||
Reference in New Issue
Block a user