Boostrap在切换bug中折叠

问题描述：

我在项目中使用Bootstrap 3，并且我想制作可折叠的表格，所以我使用了折叠组件，但不像手风琴示例那样。Boostrap在切换bug中折叠

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

使用了'class'在'ID属性两次请把你的代码=” collapseEm“元素。请仅输入一个属性中的所有类，也可以从'id =“collapseEm”'元素中删除'data-toggle'属性。 – abhim

@abhim非常感谢，我没有看到它，它现在效果很好！ – Wirvend

答

问题出在我的双重声明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在切换bug中折叠

相关推荐