document.addEventListener("DOMContentLoaded", function () { const menuContainer = document.querySelector(".custom-sidebar-menu"); const submenuToggles = document.querySelectorAll(".submenu-toggle"); const menuToggle = document.querySelector("#menu-toggle"); const menuContent = document.querySelector("#menu-content"); // Funktion: Submenü toggeln submenuToggles.forEach((toggle) => { toggle.addEventListener("click", function (e) { const submenu = this.nextElementSibling; const arrow = this.querySelector(".arrow"); // Toggle Submenu submenu.classList.toggle("open"); arrow.textContent = submenu.classList.contains("open") ? "▲" : "▼"; e.stopPropagation(); // Verhindert, dass der Klick außerhalb ausgelöst wird }); }); // Funktion: Menücontainer toggeln (Hamburger-Menü) if (menuToggle) { menuToggle.addEventListener("click", function (e) { menuContent.classList.toggle("open"); menuToggle.classList.toggle("open"); // Ändert das Icon zwischen Hamburger und X e.stopPropagation(); // Verhindert Schließen bei Klick auf das Icon }); } // Entfernt den Listener für Klicks außerhalb des Menüs // Schließt das Menü NICHT mehr bei Klick außerhalb });