Switch scripts to redesign

This commit is contained in:
Zack Rauen
2023-09-27 23:18:03 -04:00
parent a7edc5e03e
commit 4147f2b8d8
10 changed files with 204 additions and 28 deletions

23
src/scripts/expanders.ts Normal file
View File

@@ -0,0 +1,23 @@
export default function setupExpanders() {
const expanders = Array.from(document.querySelectorAll("#menu .collapse-button"));
for (const ex of expanders) {
ex.addEventListener("click", e => {
e.preventDefault();
e.stopPropagation();
// ex.parentElement.parentElement.classList.toggle("expanded");
ex.closest(".submenu-item")?.classList.toggle("expanded");
});
}
const activeLink = document.querySelector("#menu a.active");
if (activeLink) {
let parent = activeLink.parentElement;
const mainMenu = document.getElementById("#menu");
while (parent && parent !== mainMenu) {
if (parent.matches(".submenu-item")) {
parent.classList.add("expanded");
}
parent = parent.parentElement;
}
}
}