Close navigation menu when dark overlay is clicked on

UR-dandyhacks · Oct 15, 2023 · 45cb83b · 45cb83b
1 parent c2797a0
commit 45cb83b
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/script.js b/script.js
@@ -11,8 +11,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     navigationLinks.forEach(navigationLink => {
       navigationLink.addEventListener('click', () => {
-        document.body.classList.remove('overflow-hidden');
-        hamburgerCheckbox.checked = false;
+          closeNavigationMenu();
       });
     });
 
@@ -43,6 +42,19 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
+    // Close navigation menu when the dark overlay is clicked on
+
+    const darkOverlay = navBar.querySelector('.bg-black');
+
+    darkOverlay.addEventListener('click', () => {
+        closeNavigationMenu();
+    });
+
+    function closeNavigationMenu() {
+        document.body.classList.remove('overflow-hidden');
+        hamburgerCheckbox.checked = false;
+    }
+
     // particles.js
 
     particlesJS.load('faq', 'assets/particlesjs-config.json');