Bootstrap 在切换错误中折叠答案

【问题标题】：Boostrap Collapse in toggle bugBootstrap 在切换错误中折叠
【发布时间】：2017-10-09 16:56:19
【问题描述】：

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

我的问题是我希望表格默认显示，但是当我在代码中添加“in”并测试切换时，它并没有隐藏，而是触发了“显示”动画，然后它工作正常。

这是我的代码：

<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">
...

有什么想法吗？

提前致谢。

【问题讨论】：

请使用snippet输入您的代码
您在 id="collapseEm" 元素中使用了两次 class 属性。请仅在一个属性中输入所有类，您也可以从id="collapseEm" 元素中删除data-toggle 属性。
@abhim 非常感谢，我没看到，现在很好用！
@core114 抱歉这是我的第一个问题，我不习惯文本编辑器
@Wirvend 我的意思是片段（Ctrl-M）

标签： twitter-bootstrap collapse

【解决方案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

【讨论】：