Skip to content
var accordions = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < accordions.length; i++) {
accordions[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
// Adjust maxHeight of all ancestor panels
var parentPanel = panel.parentElement;
while (parentPanel.className === "panel") {
parentPanel.style.maxHeight = parentPanel.scrollHeight + panel.scrollHeight + "px";
parentPanel = parentPanel.parentElement;
}
}
});
}
