megamenu e menu mobile

media/templates/site/joomla-italia-theme/js/jti.js

@@ -97,4 +97,41 @@ $(document).ready(function() {
         }
     });
 
+});
+
+document.addEventListener('DOMContentLoaded', function () {
+    const linkList = document.querySelector('.link-list');
+
+    linkList.addEventListener('click', function (event) {
+        event.stopPropagation(); // Previene la chiusura del menu
+    });
+});
+
+document.addEventListener('DOMContentLoaded', function () {
+    // Seleziona tutte le voci di menu che devono comportarsi come toggle
+    const toggleItems = document.querySelectorAll('.nav-item.dropdown.parent > span');
+
+    toggleItems.forEach(item => {
+        item.addEventListener('click', function (event) {
+            // Trova il div che contiene il sottomenu
+            const submenu = item.nextElementSibling; // Assumendo che il div sia immediatamente dopo lo span
+
+            // Controlla se il sottomenu è visibile
+            if (submenu.style.display === "block") {
+                submenu.style.display = "none"; // Nascondi il sottomenu
+            } else {
+                submenu.style.display = "block"; // Mostra il sottomenu
+            }
+
+            event.stopPropagation(); // Previene la chiusura del menu principale
+        });
+    });
+
+    // Gestisci il clic su un elemento del dropdown per fermare la chiusura
+    const dropdownItems = document.querySelectorAll('.dropdown-item');
+    dropdownItems.forEach(item => {
+        item.addEventListener('click', function (event) {
+            event.stopPropagation(); // Previene la chiusura del menu
+        });
+    });
 });