toggle menu nav principale

web/themes/custom/caravane/assets/js/main.js

@@ -39,12 +39,11 @@ import { useEtapeStore } from './stores/etape';
     function init () {
       console.log('CaravaneTheme init()')
       initVues()
+      toggleMenu()
     }
 
     function initVues(){
       initVueEtapeModale();
-
-
     }
 
     function initVueEtapeModale(){
@@ -90,6 +89,22 @@ import { useEtapeStore } from './stores/etape';
         }
         
         
+        
+      })
+    }
+
+    function toggleMenu() {
+      const menuButton = document.querySelector('#block-caravane-mainnavigation > #menu');
+      const menuContainer = document.querySelector('#block-caravane-mainnavigation > #menu > ul');
+      const menuTitle = document.querySelector('#menu-title');
+      const menuBurger = document.querySelector('#hamburger');
+      const menuH2 = document.querySelector('#menu > h2');
+      menuButton.addEventListener('click', (e) => {
+        // e.preventDefault();
+        menuContainer.classList.toggle('open');
+        menuTitle.classList.toggle('open');
+        menuBurger.classList.toggle('open');
+        menuH2.classList.toggle('open');
       })
     }