16 lines
411 B
JavaScript
16 lines
411 B
JavaScript
const panels = document.querySelectorAll('.panel');
|
|
|
|
function toggleOpen() {
|
|
this.classList.toggle('open');
|
|
}
|
|
|
|
function toggleActive(e) {
|
|
console.log(e.propertyName);
|
|
if (e.propertyName.includes('flex')) {
|
|
this.classList.toggle('open-active');
|
|
}
|
|
}
|
|
|
|
panels.forEach(panel => panel.addEventListener('click', toggleOpen));
|
|
panels.forEach(panel => panel.addEventListener('transitionend', toggleActive));
|