https://innolite.de/js/nav.js

1const navSlide = () => {
2  const burger = document.querySelector(".burger");
3  const nav = document.querySelector(".nav-links");
4  const head = document.querySelector(".header-logo");
5  const bood = document.querySelector("body");
6
7  const navLinks = document.querySelectorAll(".nav-resp");
8  burger.addEventListener("click", () => {
9    nav.classList.toggle("nav-active");
10    head.classList.toggle("logo-active");
11    bood.classList.toggle("main-active");
12
13    nav.scrollTop = 0;
14
15    navLinks.forEach((link, index) => {
16      if (link.style.animation) {
17        link.style.animation = "";
18      } else {
19        link.style.animation = `navLinkFade 0.5s ease forwards ${
20          index / 7 + 0.5
21        }s`;
22      }
23    });
24    burger.classList.toggle("toggle");
25  });
26
27  window.addEventListener("resize", resize);
28  function resize() {
29    if (window.innerWidth > 768) {
30      nav.classList.remove("nav-active");
31      head.classList.remove("logo-active");
32      burger.classList.remove("toggle");
33      bood.classList.remove("main-active");
34      navLinks.forEach((link, index) => {
35        if (link.style.animation) {
36          link.style.animation = "";
37        }
38      });
39    }
40  }
41};
42
43navSlide();