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

这里有一个bootply示例：

---

我试图在Bootstrap中使用一个折叠函数，每次我点击speaker标题展开折叠时，都会有一个短暂的延迟，然后图像出现并向下移动文本。我想让它更平滑。我想图像已经加载了。我试着将计时改为一个较小的数字，以近似无过渡（根据线程），但它似乎不起作用。你知道我能做什么吗？非常感谢。

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

Bootply：

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>

演讲者
小猫很漂亮

那么你的意思是效果可能会消失？这不是超级优化，因为我用不同的语言将它分成了两个部分，所以其中一个被过滤掉了，但图像显然保留了下来。