css - Bootstrap collapse 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;
}

出于某种原因，您的 Bootstrap 无法正确切换此属性