From f8430595e3df1b6ef6c72e827527ed52f0672fab Mon Sep 17 00:00:00 2001 From: carlosmintfan <118076740+carlosmintfan@users.noreply.github.com> Date: Thu, 9 Apr 2026 13:25:19 -0300 Subject: [PATCH] fix: toggle mobile menu button icon between bars and X on open/close --- index.html | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 4f132e9..1fa1723 100644 --- a/index.html +++ b/index.html @@ -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"); } }); - -