https://angivillers.fr/wp-content/themes/visibilite2/assets/js/inc/accordion.js

1// const accordions = document.querySelectorAll(".accordion");
2
3// if (accordions) {
4//     accordions.forEach((accordion) => {
5//         let expanded = false;
6//         const button = accordion.querySelector(".div-button");
7//         const accordionContainer = accordion.querySelector(".div-accordion");
8
9//         button.querySelector("button").classList.add("my-0");
10//         accordionContainer.classList.add("d-none");
11
12//         button.addEventListener("click", () => {
13//             const icon = button.querySelector("i");
14
15//             button.querySelector("button").classList.toggle("my-0");
16//             icon.classList.toggle("fa-plus");
17//             icon.classList.toggle("fa-minus");
18//             accordionContainer.classList.toggle("d-none");
19
20//             expanded = !expanded;
21//             const buttonTag = button.querySelector("button");
22//             const titleTag = button.querySelector("p");
23//             buttonTag.setAttribute("aria-expanded", expanded);
24//             titleTag.setAttribute("aria-expanded", expanded);
25//         });
26//     });
27// }
28
29const accordions = document.querySelectorAll('.adico-tiroir')
30
31if (accordions.length) {
32    accordions.forEach(accordion => {
33        const header = accordion.querySelector('.header')
34        const content = accordion.querySelector('.content')
35        const button = header.querySelector('button');
36
37        header.addEventListener('click', () => {
38            content.classList.toggle('active')
39            button.setAttribute('aria-expanded', content.classList.contains('active'));
40            const icon = header.querySelector('i');
41            if (content.classList.contains('active')) {
42                icon.classList.remove('fa-plus');
43                icon.classList.add('fa-minus');
44            } else {
45                icon.classList.remove('fa-minus');
46                icon.classList.add('fa-plus');
47            }
48        })
49    })
50}