2019-09-20 23:10:01 +02:00
|
|
|
const trigger = document.querySelector(".Collapsible__trigger");
|
|
|
|
|
|
|
|
if (trigger) {
|
|
|
|
const content = document.querySelector(".Collapsible__content");
|
|
|
|
|
|
|
|
trigger.addEventListener("click", ev => {
|
|
|
|
if (content.classList.contains("Collapsible__content--open")) {
|
|
|
|
content.style.height = 0;
|
|
|
|
content.classList.remove("Collapsible__content--open");
|
2019-09-22 20:44:01 +02:00
|
|
|
trigger.setAttribute("aria-expanded", "false");
|
2019-09-20 23:10:01 +02:00
|
|
|
} else {
|
2019-09-22 20:44:01 +02:00
|
|
|
trigger.setAttribute("aria-expanded", "true");
|
2019-09-22 21:42:03 +02:00
|
|
|
content.style.transitionDuration = "150ms";
|
2019-09-20 23:10:01 +02:00
|
|
|
content.style.height = `${content.scrollHeight}px`;
|
|
|
|
content.classList.add("Collapsible__content--open");
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|