javascript - 即使在更改过渡时间后，Bootstrap 3 中的折叠也会延迟点击

Question

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

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

Answer 1

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

Bootstrap :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>