Bootstrap折叠div内容消失

Question

我正在尝试创建一个可以缩放图像的collapsable div。到目前为止，除了div内容（缩略图）在崩溃和展开后闪烁并消失之外，所有内容都可以正常工作。内容在那里，它只是不停留。如果速度足够快，您可以在缩略图闪烁时单击该缩略图，并将其带到图像路径。我的DIV看起来是这样的：

<div class="col-lg-8 col-lg-offset-2"> 
    <div id="images" class="accordion-body collapse"> 
     <a href="../images/1953.01.09.00.jpg" class="thumbnail"> 
      <img src="../images/1953.01.09.00.jpg"> 
     </a> 
    </div> 
</div> 

我的按钮：

<a class="btn accordion-toggle" data-toggle="collapse" href="#images">Images &raquo;</a> 

你可以看一下我的全部代码在这里：https://jsfiddle.net/krbylit/jttyq8jv/

Answer 1

添加到您的CSS

.collapse.show { 
    visibility: visible; 
} 

出于某种原因，您的引导程序不能正确切换此属性