title: ACF repeater field content into tabs
body: <p>I'm trying to present a clean easy to use client back end field submission in the WP Admin dashboard that can sort repeater field data into appropriate tabbed content. here is the setup. </p>
  
  <p><strong>Field setup</strong>
  <a href="https://i.stack.imgur.com/W09Ge.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W09Ge.png" alt="enter image description here"></a></p>
  
  <p><strong>Backend</strong>
  <a href="https://i.stack.imgur.com/7igyg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7igyg.png" alt="enter image description here"></a></p>
  
  <p><strong>Frontend</strong>
  <a href="https://i.stack.imgur.com/1gakE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1gakE.png" alt="enter image description here"></a></p>
  
  <p>The code I tried;</p>
  
  <pre><code>&lt;div class="tab-pane fade" id="tab-1-3"&gt;
  
                                  &lt;ul class="nav nav-pills" role="tablist"&gt;
                                    &lt;li role="presentation" class="active"&gt;&lt;a href="#english" aria-controls="english" role="tab" data-toggle="tab"&gt;English&lt;/a&gt;&lt;/li&gt;
                                    &lt;li role="presentation"&gt;&lt;a href="#spanish" aria-controls="spanish" role="tab" data-toggle="tab"&gt;Spanish&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
  
                                  &lt;div class="tab-content lang-tab-content"&gt;
                                      &lt;div role="tabpanel" class="tab-pane active" id="english"&gt;
                                          &lt;?php
                                          $count=0; 
                                          if( have_rows('article') ):
                                              while ( have_rows('article') ) : the_row();
                                          ?&gt; 
                                              &lt;?php if (the_sub_field('language') == 'English') { ?&gt;
                                              &lt;strong&gt;Published Date:&lt;/strong&gt; &lt;?php the_sub_field('publised_date');?&gt;
                                              &lt;div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"&gt;
                                                &lt;div class="panel panel-default"&gt;
                                                  &lt;div class="panel-heading" role="tab" id="heading&lt;?php echo $count ?&gt;"&gt;
                                                    &lt;h4 class="panel-title"&gt;
                                                      &lt;a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse&lt;?php echo $count ?&gt;" aria-expanded="false" aria-controls="collapse&lt;?php echo $count ?&gt;"&gt;
                                                        &lt;?php the_sub_field('article_title');?&gt;
                                                      &lt;/a&gt;
                                                    &lt;/h4&gt;
                                                  &lt;/div&gt;
                                                  &lt;div id="collapse&lt;?php echo $count ?&gt;" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading&lt;?php echo $count ?&gt;"&gt;
                                                    &lt;div class="panel-body"&gt;
                                                      &lt;?php the_sub_field('article_body');?&gt;
                                                    &lt;/div&gt;
                                                  &lt;/div&gt;
                                                &lt;/div&gt;
                                              &lt;/div&gt;
                                              &lt;?php } ?&gt;
                                          &lt;?php
                                          $count++;
                                              endwhile;
                                          else :
                                          endif;
                                          ?&gt;
                                      &lt;/div&gt;
                                      &lt;div role="tabpanel" class="tab-pane" id="spanish"&gt;Spanish&lt;/div&gt;
                                  &lt;/div&gt;
  
                              &lt;/div&gt;&lt;!-- tab-pane --&gt;
  </code></pre>