cybercamp/script.js at main · Compec/cybercamp · GitHub

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
const hamburgerOpenBtn = document.querySelector('.hamburger-container')
const navButtonsPanel = document.querySelector('.nav-buttons-container')
const hamburgerCloseBtn = document.querySelector('.close-hamburger-btn')
hamburgerOpenBtn.addEventListener('click', () => {
    navButtonsPanel.classList.toggle('closed')
})
hamburgerCloseBtn.addEventListener('click', () => {
    navButtonsPanel.classList.toggle('closed')
})

document.body.addEventListener('click', (event) => {
    if(!event.target.classList.contains("faq-toggle-icon")){
    const cardsList=event.target.parentElement.parentElement.children;
        for(card of cardsList){
            if(card.lastElementChild.classList.contains("answer-open") && card.lastElementChild!=event.target.parentElement.lastElementChild){
                card.lastElementChild.classList.toggle("answer-open");
                card.querySelector(".faq-q").querySelector(".faq-toggle-icon").classList.toggle("faq-toggled-icon");
            }
            if (event.target.parentElement.classList.contains('faq-card')) {
                event.target.parentElement.lastElementChild.classList.toggle("answer-open");
                event.target.parentElement.querySelector(".faq-q").querySelector(".faq-toggle-icon").classList.toggle("faq-toggled-icon");
            }
        }
    }
    if(event.target.classList.contains("faq-toggle-icon")){

        const cardsList=event.target.parentElement.parentElement.parentElement.children;
        for(card of cardsList){
            if(card.lastElementChild.classList.contains("answer-open") && card.lastElementChild!=event.target.parentElement.parentElement.lastElementChild){
                card.querySelector(".faq-q").querySelector(".faq-toggle-icon").classList.toggle("faq-toggled-icon");
                card.lastElementChild.classList.toggle("answer-open");
            }
            if (event.target.parentElement.parentElement.classList.contains('faq-card')) {
                event.target.parentElement.parentElement.lastElementChild.classList.toggle("answer-open");
                event.target.parentElement.parentElement.querySelector(".faq-q").querySelector(".faq-toggle-icon").classList.toggle("faq-toggled-icon");
            }
        }
    }
});