-
Notifications
You must be signed in to change notification settings - Fork 2
/
toggle.js
63 lines (56 loc) · 1.68 KB
/
toggle.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
54
55
56
57
58
59
60
61
62
const mainMenu = document.querySelector('.mainMenu');
const closeMenu = document.querySelector('.closeMenu');
const openMenu = document.querySelector('.openMenu');
const homeLink = document.getElementById('home-link');
const aboutLink = document.getElementById('about-link');
const servicesLink = document.getElementById('services-link');
const teamsLink = document.getElementById('teams-link');
const contactLink = document.getElementById('contact-link');
openMenu.addEventListener('click',show);
homeLink.addEventListener('click', (e) => {
e.preventDefault();
console.log("redirected to home section");
close();
setTimeout(() => {
window.location = homeLink.href;
}, 500);
});
aboutLink.addEventListener('click', (e) => {
e.preventDefault();
console.log("redirected to about section");
close();
setTimeout(() => {
window.location = aboutLink.href;
}, 500);
});
servicesLink.addEventListener('click', (e) => {
e.preventDefault();
console.log("redirected to services section");
close();
setTimeout(() => {
window.location = servicesLink.href;
}, 500);
});
teamsLink.addEventListener('click', (e) => {
e.preventDefault();
console.log("redirected to teams section");
close();
setTimeout(() => {
window.location = teamsLink.href;
}, 500);
});
contactLink.addEventListener('click', (e) => {
e.preventDefault();
console.log("redirected to contact section");
close();
setTimeout(() => {
window.location = contactLink.href;
}, 500);
});
closeMenu.addEventListener('click', close);
function show(){
mainMenu.style.top = '0';
}
function close(){
mainMenu.style.top = '-125%';
}