Bootstrap崩溃div内容消失

Question

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

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