-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
33 lines (25 loc) · 868 Bytes
/
script.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
32
33
const menuBtn = document.querySelector('.menu-btn');
const menu = document.querySelector('.menu');
const menuNav = document.querySelector('.menu-nav');
const menuBranding = document.querySelector('.menu-branding');
const navItem = document.querySelectorAll('.nav-item');
let showMenu = false;
menuBtn.addEventListener('click', toggleMenu);
function toggleMenu(){
if (!showMenu) {
menuBtn.classList.add('close');
menu.classList.add('show');
menuNav.classList.add('show');
menuBranding.classList.add('show');
navItem.forEach(item => item.classList.add('show'));
showMenu = true;
}
else{
menuBtn.classList.remove('close');
menu.classList.remove('show');
menuNav.classList.remove('show');
menuBranding.classList.remove('show');
navItem.forEach(item => item.classList.remove('show'));
showMenu = false;
}
}