アコーディオンが他のオープン部門を閉鎖していない

Question

私は研究を行いましたが、私の知る限り、データターゲットはdivを閉じるために必要なものです。つまり、一度に1つのdivを開く必要があります。しかし、私はそれをすることができないと思うか、または一度に1つのアコーディオンを開く方法に意味をなさない。ここでは、show.bs.collapseイベントが、その後collapse('hide')メソッドを使用して他の崩壊の要素を閉じ、発射をトリガーを監視するためにブートストラップCollapse APIを使用することができ、私のcode

<a role="button" 
data-toggle="collapse" 
data-parent="#accordion" 
href="#collapseOne" 
aria-expanded="true" 
aria-controls="collapseOne"> 

Answer 1

です。ここで

$(document).ready(function(){ 
    var $panels = $('.panel-collapse'); 

    $panels.on('show.bs.collapse', function(){ 
    $panels.not(this).collapse('hide'); 
    }); 
}); 

をいくつか更新されたHTMLでも更新codepenで次のようにそのためのコードは次のようになります。

rowを別のrowに直接入れないようにすることをお勧めします。単にその必要はなく、グリッドで問題を作成することができます。また、多くのクラスを必要としない場合は、コンテンツを効果的に格納するためにラッピングコンテナを用意するだけで済みます。

うまくいけば、これが役に立ちます。