-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.js
31 lines (27 loc) · 912 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
const menu = document.getElementById("menu-bars"),
menuClose = document.getElementById("menu-close"),
navUl = document.getElementById("nav-ul"),
allNavLi = navUl.getElementsByTagName("LI");
// Open Menu
const handleMenuOpen = () => {
menu.classList.toggle("hide");
menu.classList.toggle("show");
navUl.style.display = "flex";
menuClose.classList.toggle("show");
menuClose.classList.toggle("hide");
};
// Close Menu
const handleMenuClose = () => {
menu.classList.toggle("hide");
menu.classList.toggle("show");
navUl.style.display = "none";
menuClose.classList.toggle("show");
menuClose.classList.toggle("hide");
};
menu.addEventListener("click", handleMenuOpen);
menuClose.addEventListener("click", handleMenuClose);
// Close menu on meun-item click
for (let i = 0; i < allNavLi.length; i++) {
if (screen.width <= 580)
allNavLi[i].addEventListener("click", handleMenuClose);
}