https://www.arkov.cz/CMSScripts/Custom/Arkov2022/nc_faq.js?version=638848115268836957

1
2document.addEventListener('DOMContentLoaded', function () {
3    faqOpener();
4
5});
6
7
8
9function faqOpener() {
10    const questions = document.querySelectorAll('.FAQQuestion');
11
12    questions.forEach(question => {
13        question.addEventListener('click', () => {
14            const parent = question.closest('.FAQOne');
15            const answer = parent.querySelector('.FAQAnswer');
16
17            const isOpen = parent.classList.contains('Opened');
18
19            if (isOpen) {
20                const closingAnimation = answer.animate([
21                    { height: answer.scrollHeight + 'px' },
22                    { height: '0px' }
23                ], {
24                    duration: 300,
25                    easing: 'ease'
26                });
27
28                closingAnimation.onfinish = () => {
29                    answer.style.display = 'none';
30                    answer.style.height = '';
31                    parent.classList.remove('Opened');
32                };
33            } else {
34                answer.style.display = 'block';
35                const fullHeight = answer.scrollHeight;
36
37                answer.animate([
38                    { height: '0px' },
39                    { height: fullHeight + 'px' }
40                ], {
41                    duration: 300,
42                    easing: 'ease'
43                });
44
45                parent.classList.add('Opened');
46            }
47        });
48    });
49}
50