Question

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

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

Answer 1

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

Bootply ：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>

在更改转换时间后，在Bootstrap 3中折叠甚至延迟点击

1 个答案: