Bootstrap手风琴的最后一项总是打开的:怎么办?

时间:2019-02-01 13:18:08

标签: php twitter-bootstrap advanced-custom-fields

我对我在ACF中继站点引导手风琴。第一个条目始终是打开的。我希望最后一个条目始终保持打开状态,而不是第一个条目。

因为最后一个条目并不总是固定数字,所以最后一个条目可以是第二个条目的第5个条目。该如何解决?

请参见下面的代码:

<?php if( have_rows('faq') ): ?>
<div id="accordion" role="tablist">
  <?php $i=1; while ( have_rows('faq') ) : the_row(); ?>
    <div class="card">
        <div class="card-header" role="tab" id="heading-<?php echo $i; ?>">
          <h5 class="mb-0">
            <a data-toggle="collapse" href="#collapse-<?php echo $i; ?>" aria-expanded="true" aria-controls="collapseOne">
             <?php the_sub_field('vraag'); ?>
            </a>
          </h5>
        </div>
        <div id="collapse-<?php echo $i; ?>" class="collapse <?php if ($i==1) { echo 'show'; } ?>" role="tabpanel" data-parent="#accordion" aria-labelledby="heading-<?php echo $i; ?>">
          <div class="card-body">
            <?php the_sub_field('antwoord'); ?>
          </div>
        </div>
    </div>
  <?php $i++; endwhile; ?>
</div>

0 个答案:

没有答案