Question

我在项目中使用Bootstrap 3，我想让桌子可折叠，所以我使用了折叠组件，但不像手风琴那样。

我的问题是我希望默认显示表格，但是当我在代码中添加“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

Boostrap在切换错误中崩溃

1 个答案: