blob: 6030c0b5b2dffe769b9f2f644f4fff2286ebcef5 (
plain)
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
34
35
36
37
38
39
|
document.addEventListener('click', (e) => {
const burgerMenuIcon = document.getElementById('burgerMenu')
const closeBurgerMenuIcon = document.getElementById('closeIcon')
const bottomPartBurgerMenu = document.getElementById('bottomPartOfBurgerMenu')
const navigation = document.getElementById('navigation')
function openBurgerMenu() {
burgerMenuIcon.classList.remove('visible')
burgerMenuIcon.classList.add('not__visible')
closeBurgerMenuIcon.classList.remove('not__visible')
closeBurgerMenuIcon.classList.add('visible')
bottomPartBurgerMenu.classList.remove('not__visible')
bottomPartBurgerMenu.classList.add('visible')
navigation.classList.add('background__white')
}
function closeBurgerMenu() {
burgerMenuIcon.classList.remove('not__visible')
burgerMenuIcon.classList.add('visible')
closeBurgerMenuIcon.classList.remove('visible')
closeBurgerMenuIcon.classList.add('not__visible')
bottomPartBurgerMenu.classList.remove('visible')
bottomPartBurgerMenu.classList.add('not__visible')
}
if (e.target?.id === 'burgerMenu') {
openBurgerMenu()
}
if (e.target?.id === 'closeIcon' ||
e.target?.id === 'bottomPartOfBurgerMenu') {
closeBurgerMenu()
}
})
|
