引导崩溃的div内容消失了

Question

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

您可以在此处查看我的完整代码：https：//jsfiddle.net/krbylit/jttyq8jv/

Answer 1

将其添加到您的CSS

.collapse.show {
  visibility: visible;
}

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

Answer 2

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

    style="color : black; "