Added dynamic submenus

app/static/css/default.css

@@ -105,4 +105,12 @@ h3.footer-title{
   top: 0;
   left: 100%; /* Positioniert das Submenü rechts vom Hauptmenü */
   margin-top: -1px;
+}
+
+.dropdown-menu.collapse {
+  display: none;
+}
+
+.dropdown-menu.collapse.show {
+  display: block;
 }

app/static/js/close-submenus.js

@@ -0,0 +1,21 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const dropdownSubmenus = document.querySelectorAll('.dropdown-submenu > .dropdown-item');
+
+    dropdownSubmenus.forEach((submenu) => {
+        submenu.addEventListener('click', (event) => {
+            event.preventDefault();
+            const targetMenu = document.querySelector(submenu.getAttribute('data-bs-target'));
+            const allSubmenus = document.querySelectorAll('.dropdown-menu.collapse');
+            
+            // Schließe alle anderen Submenüs
+            allSubmenus.forEach((menu) => {
+                if (menu !== targetMenu) {
+                    menu.classList.remove('show');
+                }
+            });
+
+            // Toggle des aktuellen Submenüs
+            targetMenu.classList.toggle('show');
+        });
+    });
+});