You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
629 B
JavaScript
19 lines
629 B
JavaScript
let accordions = document.getElementsByClassName('accordion');
|
|
let accordionBodies = document.getElementsByClassName('accordion__item__body');
|
|
|
|
for (const accordion of accordions) {
|
|
accordion.addEventListener('click', function (e) {
|
|
if(e.target.classList.contains('accordion__item__header')){
|
|
let accBody = document.getElementById(e.target.id + '__body');
|
|
accBody.classList.toggle("accordion__item__body__hidden");
|
|
}
|
|
console.log('accordion clicked', e);
|
|
});
|
|
}
|
|
|
|
// Hide all accordion bodies if there's JS
|
|
for (let accordionBody of accordionBodies) {
|
|
accordionBody.classList.add('accordion__item__body__hidden');
|
|
}
|
|
|