https://clearway.pro/netcat_template/template/default/js/popupCategory.js

1window.onload = function() {
2    let BOX_BUTTONS = document.querySelector('.category_faq');
3    let QUESTIONS = document.querySelectorAll('.accordion__item');
4    let qurFirst = document.querySelector('.accordion').querySelectorAll('[data-id="1"]');
5    let BUTTONS = document.querySelectorAll('.category_faq-btn');
6    let CLOSE = document.querySelector('.modal-btn-close');
7    let OPEN = document.querySelector('.modal-btn');
8
9    function zz() {
10        QUESTIONS.forEach(elem => {
11            elem.classList.remove('active_ques');
12        });
13        qurFirst.forEach(eleme => {
14            eleme.classList.add('active_ques');
15        });
16    }
17    zz();
18    BUTTONS.forEach(ele => {
19        ele.addEventListener('click', event => {
20            BUTTONS.forEach(el => {
21                el.classList.remove('active-btn');
22            });
23            event.target.classList.add('active-btn');
24            document.querySelector('.btn-open-txt').textContent = event.target.textContent;
25            close();
26            QUESTIONS.forEach(elem => {
27                elem.classList.remove('active_ques');
28                let atr = elem.getAttribute('data-id');
29                if (atr === event.target.id) {
30                    elem.classList.add('active_ques');
31                }
32            });
33        });
34    });
35	if(OPEN){
36    OPEN.addEventListener('click', () => open());
37	}
38	if(CLOSE){
39    CLOSE.addEventListener('click', event => {
40        if (event.target.tagName === 'PATH') {
41        } else  close();
42    });
43	}
44    let BODY = document.querySelector('body');
45    let SHADOW =
46        `
47            <div class="shadow"></div>
48            `;
49    function open() {
50        BOX_BUTTONS.classList.add('modal-active');
51        BODY.insertAdjacentHTML("afterbegin", SHADOW);
52    }
53    function close() {
54        BOX_BUTTONS.classList.remove('modal-active');
55        let ii = BODY.querySelector('.shadow');
56        if (ii === null) {} else {ii.remove();}
57    }
58};