javascript - 从 Accordion 弹出中删除奇怪的故障

Question

好的，这是我面临的一个奇怪的问题:

• 我正在使用 Accordion 小部件(几乎 100% 原始 Bootstrap 代码)
• 当 Accordion 元素(菜单)展开时，看起来好像需要一些时间才能恢复到原来的形状。

这是为什么？

请看这里:http://83.212.101.132/betdk/home/three

然后尝试展开(单击标题):类别 左侧边栏中的 Soccer/World Kop 2013 菜单项。为什么会这样？

(在主“最佳匹配”框中展开 Accordion 项时会发生完全相同的事情)。

非常欢迎任何建议! :-)

Answer 1

你有这个问题是因为你在类 .accordion-body 的顶部和底部添加了填充:

.accordion-body {
    padding-bottom: 10px;
    padding-top: 10px;
}

动画完成后，浏览器会添加额外的填充，所以你会遇到这个问题。

要解决此问题，您只需删除 .accordion-body 的样式并添加以下内容:

.accordion-inner{margin: 10px 0;}