Reply To: Nested Repeater Bootstrap Tabs

• carlosz

• January 10, 2017 at 3:31 am

I changed the code to this,

<div>
    <!-- Check for parent repeater row -->
    <?php if( have_rows('menu_sections') ): ?>
        <ul class="nav nav-tabs" role="tablist">
            <?php $row = 1; // number rows ?>
            <?php // Step 1: Loop through rows, first displaying tab titles
            while( have_rows('menu_sections') ): the_row();
                //  ?>
                <li role="presentation" class="list-unstyled<?php if($row == 1) {echo 'active';}?>">
                    <a
                            href="#<?php echo $row; ?>"
                            role="tab"
                            data-toggle="tab"
                    >
                        <?php the_sub_field('section_title'); ?>
                    </a>
                </li>

        </ul>

    <?php if( have_rows('section_items') ): ?>
        <div class="tab-content">
            <?php $row = 1; // number rows ?>
            <?php // Step 2: Loop through rows, now displaying tab contents
            while( have_rows('section_items') ): the_row(); ?>

                <?php // Display each item as a list ?>
                <div class="tab-pane <?php if($row == 1) {echo 'active';}?>" id="<?php echo $row; ?>">
                    <ul>
                        <li class="list-unstyled"><?php the_sub_field('dish_name'); ?></li>
                        <li class="list-unstyled"><?php the_sub_field('dish_description'); ?></li>
                        <li class="list-unstyled"><?php the_sub_field('dish_price'); ?>
                    </ul>
                </div>
            <?php $row++; endwhile; // (have_rows('section_items') ):?>
        </div>

    <?php endif; // (have_rows('section_items') ): ?>

        <?php $row++; endwhile; // (have_rows('menu_sections') ):?>
    <?php endif; // (have_rows('menu_sections') ): ?>
</div>

Now it does show the tab content but like this,

As you can see the second tab is not showing properly,
I tried to reset the rows but it didn’t work,
Am I missing something?

Thanks for all your help.