Bootsrap v4-alphaが動作しないCollapse

Question

私は、ASP.NET MVCでブートストラップを使用しています。ここで私のアコーデオンは崩壊し始めません。

私はこのjavascriptのコードを追加しようとしました：

<script> 
    $(function() { 
     $('#accordion').collapse({ 
      toggle: false 
     }) 
    }); 
</script> 

をしかし、それは働いていません。何が問題なの？

<div id="accordion" role="tablist" aria-multiselectable="true"> 

     @foreach (var HB in pages) 
     { 
      <h2>@HB.Title</h2> 

      foreach (var item in HB.Pages) 
      { 
       string cname = "collapse" + item.ID; 
       string hname = "heading" + item.ID; 

       <div class="panel panel-default"> 
        <div class="panel-heading" role="tab" id="@hname"> 
         <h4 class="panel-title"> 
          <a data-toggle="collapse" data-parent="#accordion" href="#@cname" aria-expanded="true" aria-controls="@cname"> 
           @item.Title 
          </a> 
         </h4> 
        </div> 
        <div id="@cname" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="@hname"> 
         @item.Description 
        </div> 
       </div> 

      } 
     } 
    </div> 

Answer 1

あなたのコードは私の仕事です。

あなたはブートストラップを含める前にjqueryを含めないと思います。ブートストラップのjsファイルの前に参考にこれを：

<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> 

この私、あなたのコードの作業でcodepenさ：

http://codepen.io/egerrard/pen/GjQZoZ