mirror of
https://github.com/Kugelschieber/schnittfest.git
synced 2026-11-12 09:02:01 +01:00
New design.
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
export function initNav(el) {
|
||||
const toggle = el.querySelector(".nav__toggle");
|
||||
|
||||
if (!toggle) {
|
||||
return;
|
||||
}
|
||||
|
||||
const setOpen = (open) => {
|
||||
el.classList.toggle("nav--open", open);
|
||||
toggle.setAttribute("aria-expanded", String(open));
|
||||
};
|
||||
|
||||
toggle.addEventListener("click", () => setOpen(!el.classList.contains("nav--open")));
|
||||
el.querySelectorAll(".nav__link").forEach((link) => link.addEventListener("click", () => setOpen(false)));
|
||||
el.addEventListener("keydown", (e) => {
|
||||
if (e.key === "Escape") {
|
||||
setOpen(false);
|
||||
toggle.focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user