Newer
Older
express-blog / public / js / nav-toggle.js
@Jason Jason on 5 Jul 1 KB Merge branch 'testing'
<<<<<<< HEAD
function setupNavToggle() {
=======
window.addEventListener("DOMContentLoaded", () => {
>>>>>>> testing
  const nav = document.getElementById("siteNav");
  const toggleBtn = document.getElementById("menuToggle");

  nav.classList.add("hide");

  if (window.innerWidth <= 768) {
    toggleBtn.onclick = toggleMenu;

    document.addEventListener("click", (e) => {
      const clickedInside =
        nav.contains(e.target) || toggleBtn.contains(e.target);
      if (!clickedInside && !nav.classList.contains("hide")) {
        nav.classList.add("hide");
      }
    });
  }
<<<<<<< HEAD
}

window.addEventListener("DOMContentLoaded", setupNavToggle);
window.addEventListener("resize", setupNavToggle);
=======
<<<<<<< Updated upstream
});
=======
}
>>>>>>> Stashed changes
>>>>>>> testing

function toggleMenu() {
  document.getElementById("siteNav").classList.toggle("hide");
}
<<<<<<< HEAD
=======

window.addEventListener("DOMContentLoaded", setupNavToggle);
window.addEventListener("resize", setupNavToggle);
>>>>>>> testing