Bootstrap Collapse 切换错误

Question

我在一个项目中使用 Bootstrap 3，我想使 table 可折叠，所以我使用了折叠组件，但不像手风琴示例。

我的问题是我希望默认显示 table，但是当我在我的代码中添加 "in" 并测试切换时，它不会隐藏，但会触发"show" 动画，然后就可以了。

这是我的代码：

<div class="row">
    <div class="col-xs-12">
        <h1 class="text-center">
            Factures en attente d'encaissement
            <a href="#collapseEm" data-toggle="collapse" aria-expanded="false" aria-controls="collapseEm">
                Cacher / Afficher
            </a>
        </h1>
    </div>

</div>
<div class="row factures-table">
    <div class="col-xs-12" id="collapseEm" class="collapse in" data-toggle="false">
...

有什么想法吗？

提前致谢。

Answer 1

问题来自我对 class 属性的双重声明。删除它解决了我的问题

<div class="col-xs-12" id="collapseEm" class="collapse in" data-toggle="false">

变成了

<div class="col-xs-12 collapse in" id="collapseEm">

谢谢@abhim

Bootstrap Collapse 切换错误

Boostrap Collapse in toggle bug

collapse

twitter-bootstrap