JS崩溃并没有正确显示我的内容

Question

我一直试图让这个工作，但遗憾的是我缺乏JS的知识。 内容大部分时间都落后于可折叠div

有人能帮我解决这个问题吗？

这是我的js文件：

var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + 50 + "px";
    } 
  });
}

https://codepen.io/FGamerNL/pen/qYJOxx

Answer 1

当您切换其中一个孩子时，您的外max-height的{​​{1}}不会被重新计算。

Answer 2

我认为您需要设置maxHeight parentElement已经＆＃34;内容＆＃34;点击儿童时的课程。