Foundation 4: Sections
Foundation Sections are similar to tabs as a way to selectively show a single panel of content at a time.
Here's what a section looks like
<div class="section-container auto" data-section>
<section class="active">
<p class="title" data-section-title><a href="#panel1">Section 1</a></p>
<div class="content" data-section-content>
<p>Content of section 1.</p>
</div>
</section>
<section>
<p class="title" data-section-title><a href="#panel2">Section 2</a></p>
<div class="content" data-section-content>
<p>Content of section 2.</p>
</div>
</section>
</div>
Lets say you had the following Tree structure:
Parent A Chid A 1 Child A 2 Child A 3 Parent B Chid B 1 Child B 2 Child B 3 Parent C Chid C 1 Child C 2 Child C 3
You want parents to be section titles, and then to list out child nodes within those sections. With Taxonomy, you can do this quite simply: