added functionality to toggle menu with click event

dynamikaweb · Aug 10, 2021 · f82d05e · f82d05e
1 parent 016d518
commit f82d05e
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/assets/script.js b/assets/script.js
@@ -0,0 +1,20 @@
+document.addEventListener("DOMContentLoaded", () => {
+  // just open the menu
+  document.querySelectorAll(['[data-menu-open]']).forEach((el) => el.addEventListener('click', event => {
+      event.preventDefault();
+      const menu = document.getElementById(el.getAttribute('data-menu-open'));
+      menu.style.display = 'block';
+  }));
+  // just close the menu
+  document.querySelectorAll(['[data-menu-close]']).forEach((el) => el.addEventListener('click', event => {
+    event.preventDefault();
+    const menu = document.getElementById(el.getAttribute('data-menu-close'));
+    menu.style.display = 'none';
+  }));
+  // switch between open and close
+  document.querySelectorAll(['[data-menu-toggle]']).forEach((el) => el.addEventListener('click', event => {
+    event.preventDefault();
+    const menu = document.getElementById(el.getAttribute('data-menu-toggle'));
+    menu.style.display = menu.style.display == 'block'? 'none': 'block';
+  }));
+});