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

任何想法？

在此先感謝。

來源

2017-10-09 Wirvend

使用'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

來源

2017-10-09 08:56:19 Wirvend

Boostrap在切換bug中摺疊

回答

相關問題