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 });