即使在更改转换时间后，Bootstrap 3 中的崩溃也会延迟点击

【问题标题】：Collapse in Bootstrap 3 delaying on click even after changing transition timing即使在更改转换时间后，Bootstrap 3 中的崩溃也会延迟点击
【发布时间】：2014-11-06 14:20:22
【问题描述】：

这里有一个带有示例的 bootply：http://www.bootply.com/29mKfY3Vnf#

我正在尝试在 Bootstrap 中使用折叠功能，每次单击扬声器标题以展开折叠时，都会有短暂的延迟，然后图像会出现并将文本向下移动。我想让这更顺畅。我认为图像已经加载。我尝试将时间更改为一个小数字以近似没有过渡（根据this 线程），但它似乎并没有坚持。知道我能做什么吗？非常感谢。

【问题讨论】：

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

另一种方法是将图像和文本包装在一个 div 中以折叠，而不是两个 div 以折叠。

引导层：http://www.bootply.com/Vq3K5JCvVb

HTML：

<h3 data-toggle="collapse" data-target=".blonk">
    Speaker
</h3>
<div class="blonk collapse">
      <img class=" " src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRhYwVULfg4p3BgWymiWNRUc_o05AHwhmT_ZaQG6u4iprAZ0jQJ">
     <div class=" " lang="sv">
          Kittens are beautiful     
     </div>

</div>

【讨论】：

所以你的意思是效果可能是排队？这不是超级优化，因为我已经用不同的语言将它分成两个 div，所以其中一个被过滤掉了，但图像显然仍然存在。