手风琴“ Hop”小故障

Question

我不知道如何最好地描述这个问题，所以这里有一个gif附件。 基本上，我有一个手风琴列表，一次只能扩展一个项目。但是，单击新项目进行扩展时，较低的项目会“跳”起来，好像扩展和折叠的项目以不同的速度运行一样。 令我困惑的是我并不总是有这个问题。它似乎没有明显的原因启动。我尝试过删除边距和填充，并为所有相关的div将max和min的高度设置为none。我尝试了不同的过渡速度（尽管我无法弄清楚如何使collapse与expand的过渡速度不同）。

作为参考，标头和可折叠的div是兄弟姐妹，标头具有a标签，如下所示：

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

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

编辑：https://jsfiddle.net/rbu70zeg/这个小提琴在本质上是相同的，但是没有我要描述的问题。我不确定如何进行。

Answer 1

我的代码中有一个段落标签，该标签具有隐式填充，从而引起了手风琴的问题，以及为什么小提琴没有问题。谢谢任何对此进行了查找的人！