-
Notifications
You must be signed in to change notification settings - Fork 0
/
myScripts.js
53 lines (44 loc) · 1.8 KB
/
myScripts.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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
const menuButton=document.querySelector('.nav-toggle');
const navigationMenu=document.querySelector('.nav-bar');
const closeButton=document.querySelector('.nav-toggle2');
const mobileNav = document.querySelector('.fade-nav-bar')
const body = document.querySelector('.body')
// const closeIcon=document.querySelector('closeicon')
menuButton.addEventListener('click', () => {
menuButton.style.display='none'
closeButton.style.display = 'block'
mobileNav.style.display = 'block'
mobileNav.style.margiTop = '4rem'
navigationMenu.style.transform = 'translateX(0%)'
body.style.overflow = 'hidden'
})
closeButton.addEventListener('click', () => {
closeButton.style.display='none'
menuButton.style.display = 'block'
mobileNav.style.display = 'none'
navigationMenu.style.transform = 'translateX(100%)'
body.style.overflow = 'visible'
})
// navigationMenu.style.display='none'
// }
// else{
// closeButton.style.display='block'
// menuButton.style.display = 'none'
// navigationMenu.style.display='block'
// navigationMenu.style.transform = 'translateX(100%)'
// }
// })
// const menuButton=document.querySelector('.nav-toggle')
// const navigationMenu=document.querySelector('.nav-bar')
// // const hamburgerIcon =document.querySelector('.toggle')
// menuButton.addEventListener('click', ()=> {
// if(menuButton.classList.contains('toggle2')){
// menuButton.classList.remove('toggle2')
// menuButton.style.display='block'
// navigationMenu.style.display='none'
// }
// else{
// menuButton.classList.add('toggle2')
// navigationMenu.style.display='block'
// }
// })