如何制作动态手风琴（WP / bootstrap）

Question

如何使用WP内容制作动态手风琴？

  <div class="panel-group" id="accordion">
<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">  
<?php the_title(); ?></a>
    </h4>
  </div>
  <div id="collapse1" class="panel-collapse collapse">
    <div class="panel-body">
      <?php the_content();?>
    </div>
  </div>
</div>


</div> 

只有第一个面板正常工作。