-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
47 lines (34 loc) · 1.14 KB
/
main.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
// change navbar on scroll
window.addEventListener('scroll', () => {
document.querySelector('nav').classList.toggle('window-scroll', window.scrollY > 0)
})
// Show/hide faq questions
const faqs = document.querySelectorAll('.faq');
faqs.forEach(faq => {
faq.addEventListener('click', () => {
faq.classList.toggle('open');
//change icon
const icon = faq.querySelector('.faq__icon i');
if(icon.className === 'fa-solid fa-plus'){
icon.className = 'fa-solid fa-minus';
}else{
icon.className = 'fa-solid fa-plus';
}
})
});
//show/hide navbar
const menu = document.querySelector(".nav_menu");
const menuBtn = document.querySelector("#open-menu-btn");
const closeBtn = document.querySelector("#close-menu-btn");
menuBtn.addEventListener('click', () => {
menu.style.display = "flex";
closeBtn.style.display = "inline-block";
menuBtn.style.display = "none";
})
// close navbar
const closeNav = () =>{
menu.style.display = "none";
closeBtn.style.display = "none";
menuBtn.style.display = "inline-block";
}
closeBtn.addEventListener('click', closeNav)