/ html / assets / js / navbar-OpenClose.js
navbar-OpenClose.js
 1  
 2  document.addEventListener("DOMContentLoaded", function() {
 3      const toggleButton = document.getElementById("navbarOpenButton");
 4      const navbarContainer = document.getElementById("navbarContainer");
 5      if (toggleButton && navbarContainer) {
 6          toggleButton.addEventListener("click", function() {
 7              if (navbarContainer.classList.contains("navbar-open")) {
 8                  // Navbar closed
 9                  navbarContainer.classList.remove("navbar-open");
10                  navbarContainer.style.width = "0";
11                  document.body.style.overflow = "";
12                  console.log("Navbar closed");
13                }
14              else {
15                  // Navbar opened
16                  navbarContainer.classList.add("navbar-open");
17                  navbarContainer.style.width = "min(475px, 100vw)";
18                  document.body.style.overflow = "hidden";
19                  console.log("Navbar opened");
20              }
21          });
22  
23      }
24      else {
25          console.error("toggleButton oder navbarContainer not found!");
26      }
27  });