javascript - Accordion 'Hop' 故障

Question

我不知道如何最好地描述这个问题，所以这是一个附加的 gif。基本上，我有一个 Accordion 列表，一次只允许扩展一个元素。但是，当单击要展开的新元素时，较低的元素会“跳”起来，就好像展开和折叠的元素以不同的速度进行一样。让我感到困惑的是我并不总是遇到这个问题。它似乎无缘无故地启动了。我尝试删除边距和填充，并将所有相关 div 的 max 和 min 高度设置为 none。我尝试了不同的转换速度(尽管我无法弄清楚如何使每个 collapse 与 expand 的转换速度不同)。

作为引用，header 和可折叠的 div 是兄弟，header 有一个 a 标签，如下所示:

<a class="esp-list-icon collapsed" data-target="#collapseSiblingId" data-parent="#parentContainer" data-toggle="collapse">

老实说，我可以忍受小小的“跳跃”，但这就是困扰我的事情，尤其是因为我并不总是遇到这个问题。

编辑:https://jsfiddle.net/rbu70zeg/这个 fiddle 本质上是一样的，但没有我描述的问题。我不确定如何进行。

Answer 1

我的代码中有一个带有隐式填充的段落标记，因此导致 Accordion 出现问题，因此 fiddle 没有问题。无论如何，感谢任何看过这篇文章的人!