opening burger menu

web/themes/custom/eql/css-compiled/styles.css

@@ -260,6 +260,8 @@ a {
         font-weight: 800;
         font-size: 1.7rem;
         opacity: 0.7; }
+    #header-top #block-burger.opened ul {
+      display: block; }
 
 #fotter-bottom {
   display: flex;

web/themes/custom/eql/eql.info.yml

@@ -8,6 +8,7 @@ base theme: false
 
 libraries:
   - eql/global-css
+  - eql/global-js
 
 regions:
   header_top_left: 'Header top left'

web/themes/custom/eql/eql.libraries.yml

@@ -1,14 +1,8 @@
 global-css:
-
   css:
     theme:
        css-compiled/styles.css: {}
-
-
-
-
 global-js:
-
   js:
-       js/eql-menu-burger.js: {}
+    scripts/main.js: {}
        

web/themes/custom/eql/js/eql-menu-burger.js

@@ -1,22 +0,0 @@
-
-// menu burger open
-
-// document.getElementById("block-burger").addEventListener("click", menuOpen);
-
-// function menuOpen() {
-//   document.querySelector("ul").style.display = "block";
-// }
-
-
-var burgerButon = document.getElementById('block-burger-menu');
-var blockMenuOpen = document.querySelector(/html/body/div/div/header/section/div[2]/nav/ul.ul1);
-
-function menuOpen() {
-    console.log('salut');
-
-    if (blockMenuOpen.style.display === 'none') {
-        blockMenuOpen.style.display = 'block';
-    } else {
-        blockMenuOpen.style.display = 'none';
-    }
-}

web/themes/custom/eql/scripts/main.js

@@ -0,0 +1,13 @@
+console.log('salut');
+// menu burger open
+
+var burger = document.getElementById("block-burger");
+var burgertitle = document.getElementById("block-burger-menu");
+
+
+burgertitle.addEventListener("click", toggleMenu);
+
+function toggleMenu(event) {
+  console.log(event);
+  burger.classList.toggle('opened');
+}

web/themes/custom/eql/scss/partials/_header.scss

@@ -113,6 +113,9 @@
                 opacity: 0.7;
             }
         }
+        &.opened ul {
+          display: block;
+        }
     }   
 
 }

web/themes/custom/eql/scss/styles.scss

@@ -23,4 +23,4 @@
 
 /*partials*/
 @import "partials/_header";
-@import "partials/_footer";
+@import "partials/_footer";