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; 
} 

出於某種原因，您的引導程序不能正確切換此屬性