Oliver/apps
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: toggle mobile menu button icon between bars and X on open/close

Browse Source
This commit is contained in:
carlosmintfan
2026-04-09 13:25:19 -03:00
parent 248a3796f4
commit f8430595e3
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+12 -6
View File
@@ -1534,11 +1534,19 @@
// Mobile menu
const btn = document.getElementById("mobile-menu-button");
const menu = document.getElementById("mobile-menu");
btn.addEventListener("click", () =>
menu.classList.toggle("hidden"),
);
const btnIcon = btn.querySelector("i");
btn.addEventListener("click", () => {
menu.classList.toggle("hidden");
const isOpen = !menu.classList.contains("hidden");
btnIcon.classList.toggle("fa-bars", !isOpen);
btnIcon.classList.toggle("fa-times", isOpen);
});
menu.querySelectorAll("a").forEach((a) =>
a.addEventListener("click", () => menu.classList.add("hidden")),
a.addEventListener("click", () => {
menu.classList.add("hidden");
btnIcon.classList.add("fa-bars");
btnIcon.classList.remove("fa-times");
}),
);
// FAQ accordion
@@ -1655,8 +1663,6 @@
errorEl.classList.remove("hidden");
}
});
</script>
<script