-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.js
23 lines (21 loc) · 783 Bytes
/
menu.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const hamburgerIcon = document.getElementById('icon-hamburger');
const closeIcon = document.getElementById('icon-close');
const mobileMenu = document.querySelector('.mobile-menu');
const hamburgerArea = document.querySelector('.hamburger-area');
//When menu is closed
hamburgerIcon.addEventListener('click', (e) => {
if (mobileMenu.classList.contains('hidden')) {
closeIcon.classList.remove('hidden');
mobileMenu.classList.remove('hidden');
hamburgerArea.classList.add('hidden');
} else {
closeIcon.classList.add('hidden');
mobileMenu.classList.add('hidden');
}
});
//When menu is opened
closeIcon.addEventListener('click', (e) => {
mobileMenu.classList.add('hidden');
closeIcon.classList.add('hidden');
hamburgerArea.classList.remove('hidden');
});