Bootsrap v4-alpha ne fonctionne pas Réduire

Question

J'utilise bootstrap avec ASP.NET MVC. Ici, mon accordéon ne commence pas à s'effondrer.

J'ai essayé d'ajouter ce code javascript:

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

Mais il ne fonctionne pas. Quel pourrait être le problème?

<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

Votre code fonctionne pour moi.

Je pense que vous n'incluez pas jquery avant d'inclure bootstrap. Référence avant ce fichier de données d'amorçage:

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

Ceci est mon codepen avec votre travail de code:

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