Reply To: Repeater Field: Bootstrap Accordion Previous Selection Not Collapsing

• krapan88

• June 14, 2016 at 1:10 am

Perhaps it is too late , but still write his solution

<?php if (have_rows('repeater_field')) { ?>
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <?php
        $faq_a = 0; //add counter for targeting first acccordion element
        while (have_rows('repeater_field')) {
            the_row();
            ?>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="heading_<?php echo $faq_a ?>">
                    <h4 class="panel-title">
                        <a class="<?php if ($faq_a != 0) echo 'collapsed' ?>" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_<?php echo $faq_a ?>" aria-expanded="<?php
                        if ($faq_a == 0) {
                            echo 'true';
                        } else {
                            echo 'false';
                        };
                        ?>" aria-controls="collapse_<?php echo $faq_a ?>">
                               <?php the_sub_field('repeater_subfield_1'); ?>
                        </a>
                    </h4>
                </div>
                <div id="collapse_<?php echo $faq_a ?>" class="panel-collapse collapse <?php if ($faq_a == 0) echo 'in' ?>" role="tabpanel" aria-labelledby="heading_<?php echo $faq_a ?>">
                    <div class="panel-body italic">
                        <?php the_sub_field('repeater_subfield_2'); ?>
                    </div>
                </div>
            </div>

            <?php
            $faq_a++;
        }
        ?>
    </div>
<?php } ?>