Css 引导折叠div内容消失

我正在尝试创建一个可折叠的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>

您可以在这里查看我的完整代码：

将此添加到您的CSS中

.collapse.show {
  visibility: visible;
}

---

由于某些原因，引导程序无法正确切换此属性

有时情况可能是某些css将内部文本的颜色更改为白色，因此仅应用内联css可能会有所帮助：

    style="color : black; "