https://buildfaster-io.vercel.app/js/nav.js

1const NAV_BTN = document.querySelector(".nav-btn i");
2
3const NAV_MOB_LINKS = document.querySelector(".nav-links-mob");
4
5const CONTENT = document.querySelector(".content");
6
7let navOpen = false;
8
9NAV_BTN.addEventListener("click", () => {
10    if (!navOpen) {
11        // CONTENT.style.filter = "blur(2px)";
12        NAV_MOB_LINKS.style.height = "195px";
13        document.querySelector(".content").style.filter = "blur(3px)"
14    } else {
15        // CONTENT.style.filter = "blur(0px)";
16        NAV_MOB_LINKS.style.height = "0px";
17        document.querySelector(".content").style.filter = "blur(0px)"
18    }
19    navOpen = !navOpen;
20});
21
22
23
24document.addEventListener("scroll", () => {
25    if (navOpen) {
26        NAV_MOB_LINKS.style.height = "0px";
27        navOpen = false;
28        document.querySelector(".content").style.filter = "blur(0px)"
29    }
30});
31
32CONTENT.addEventListener("click", () => {
33    if (navOpen) {
34        NAV_MOB_LINKS.style.height = "0px";
35        navOpen = false;
36        document.querySelector(".content").style.filter = "blur(0px)"
37    }
38});