opening burger menu

2021-11-17 12:58:04 +01:00
parent 6c0e9b517c
commit 41baaaaf31
7 changed files with 21 additions and 30 deletions
@@ -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;
@@ -8,6 +8,7 @@ base theme: false

 libraries:
  - eql/global-css
+  - eql/global-js

 regions:
  header_top_left: 'Header top left'
@@ -1,14 +1,8 @@
 global-css:
-
  css:
    theme:
       css-compiled/styles.css: {}
-
-
-
-
 global-js:
-
  js:
-       js/eql-menu-burger.js: {}
+    scripts/main.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';
-    }
-}
@@ -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');
+}
@@ -113,6 +113,9 @@
                opacity: 0.7;
            }
        }
+        &.opened ul {
+          display: block;
+        }
    }   

 }
@@ -23,4 +23,4 @@

 /*partials*/
@import "partials/_header";
-@import "partials/_footer";
+@import "partials/_footer";