Using repeater field with sub fields to make tabs

• tuckerjoenz

• November 27, 2014 at 2:46 pm

I’m trying to use the repeater field with sub fields to create tabs of content. I have the following code but I can’t seem to get the content to the page. If I perform a var_dump(); I can get that to return but that is about it.

CODE:

<section class="tabs">
        <?php
          $tabs = $layer['tabs'];
          //var_dump($tabs);
          if ($tabs):
        ?>

        <ul class="tab-nav tech-section-tabs clearfix">
          <?php foreach($tabs as $tab): ?>
            <li class="<?php echo $tab['icon']; ?>"><span class="icon"></span><a href="#"><?php echo $tab['tab_title']; ?></a></li>
          <?php endforeach; ?>
        </ul>

        <?php foreach($tabs as $tabclass): ?>
        <div class="tab-content <?php echo $tabclass['icon']; ?> active">
        <?php endforeach; ?>

          <?php foreach($tabs as $content): ?>

            <?php var_dump($content); ?>  <!-- HERE DOWN IS MY ISSUE -->

              <div class="<?php echo $content['extras']; ?>" >
                <div class="row">
                  <div class="twelve columns">
                    <h1><?php echo $content['title']; ?></h1>
                  </div>
                </div>
                <div class="row">
                  <div class="six columns left-col">
                    <?php echo $content['column_1']; ?>
                  </div>
                  <div class="six columns right-col">
                    <?php echo $content['column_2']; ?>
                  </div>
                </div>
              </div>

          <?php endforeach; ?>

          <div class="random-last">
            <div class="row">
              <div class="twelve columns">
                <div class="tech-button">
                  <a href="" class="button">NEXT: <i class="fa fa-arrow-right"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        
      <?php endif; ?>
      </section>