I am using Zurb Foundation mark up tabs. When the tabs render it initially stacks all the tabs content instead of putting the content in their individual tabs? I've done this else where on the site and though it was a while ago it works. what am i doing wrong here?

Here is the page, its a little rough design wise but i am trying to get everything working. http://niwot.colorado.edu/index.php/location/3rd_order_location/glv_3rd Here is my simplified code-

  <dl class="tabs contained">
         {exp:channel:entries channel="nwt_3rd_order_location_group"}
           {exp:playa:children field="discipline_3rd_order" orderby="title" sort="asc"}
    <dd {if count == '1'}class="active"{/if}><a href="#simpleContained{url_title}">{discipline_short_name}</a></dd>
  <ul class="tabs-content contained">
       {exp:channel:entries channel="nwt_3rd_order_location_group"}
         {exp:playa:children field="discipline_3rd_order"}
    <li class="active" id="simpleContained{url_title}Tab">


This is actually a HTML/CSS issue.

You're forgetting that just the first tab content should have the class active.

The tabs have a conditional, {if count == '1'}class="active"{/if}, but the contents doesn't.

You should use the var_prefix parameter on playa to avoid conflicts.

  • Thanks I should have seen that! Thanks for taking the time to look – Eric Jun 23 '14 at 19:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.