BSパネルなしで起動しないブートストラップアコーディオン

Question

私はBSパネル形成なしでBSアコーディオンを作成したい。ここでは、コード：

<div id="accordion"> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Collapsible Group 1</a></br> 
     <div id="collapse1" class=" collapse"> 
     text1</div> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Collapsible Group 1</a></br> 
     <div id="collapse2" class=" collapse "> 
     text2</div> 
    </div> 

データの親属性は機能しません。ここにはfiddleがあります。もし私が見逃したことを指摘できる人がいれば...

Answer 1

問題は、そのブートストラップが折りたたみ式のJS関数でパネルクラスを使用していることです。

あなたはJavaScriptを使用して、あなたの問題を解決することができます：

$("a[data-parent='#accordion']").on("click", function() { 
    var active = $(this).attr("href"); 
    active = $(active); 
    $(".collapse").each(function() { 
     if (!$(this).is(active)) { 
      $(this).collapse('hide'); 
     } 
    }); 
}); 

作業溶液：https://jsfiddle.net/oma1dvpc/1/

を