Bootsrap v4-alpha funktioniert nicht Collapse

Question

Ich benutze Bootstrap mit ASP.NET MVC. Hier fängt mein Akkordeon nicht an zu kollabieren.

Ich habe versucht, diesen Javascript-Code hinzuzufügen:

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

Aber es funktioniert nicht. Was könnte das Problem sein?

<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

Ihr Code funktioniert für mich.

Ich denke, dass Sie nicht jquery vor dem Bootstrap enthalten. Referenz dieses vor Schopf aus dem Sumpf js-Datei:

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

Das ist mein codepen mit Ihrem Code arbeitet:

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