Twitter bootstrap 推特引导手风琴不同标题

我想用推特引导制作一个手风琴。它可以工作，但我想在面板打开时制作一个不同的标题

这就是我所做的：

<div class="row acc-wizard">
  <div class="col-md-12" style="padding-right: 2em;">
    <div id="accordion" class="panel-group">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a href="#accordion-<?php echo $i; ?>" data-parent="#accordion" data-toggle="collapse">
              <?php the_sub_field('titlu'); ?>
            </a>
          </h4>
        </div>
        <div id="accordion-<?php echo $i; ?>" class="panel-collapse collapse in">
          <div class="panel-body">
            <p><?php the_sub_field('continut'); ?></p>
          </div> <!--/.panel-body -->
        </div> <!-- /#accordion-i -->
      </div> <!-- /.panel.panel-default -->

    </div>
  </div>
</div>

---

多谢各位

您正在使用Twitter Bootstrap 3.x.x吗？看起来您正在更改

.active

类。。这不会更改标题内容不确定您正试图做什么，但您使用了错误的事件show.bs.collapse、show.bs.collapse、hide.bs.collapse、hidden.bs.collapse

jQuery(function() {

    $('#accordion').on('show', function (e) {
         $(e.target).prev('.panel-heading').find('.panel-collapse').addClass('active');
    });

    $('#accordion').on('hide', function (e) {
        $(this).find('.panel-collapse').not($(e.target)).removeClass('active');
    });

});