foundation-sites-5/spec/tab/basic.html

**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**

<ul class="tabs vertical" data-tab>
  <li class="tab-title"><a id="tab1" href="#panel11">Tab 1</a></li>
  <li class="tab-title active"><a id="tab2" href="#panel21">Tab 2</a></li>
  <li class="tab-title"><a id="tab3" href="#panel31">Tab 3</a></li>
</ul>
<div class="tabs-content">
  <div class="content" id="panel11">
    <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
  </div>
  <div class="content active" id="panel21">
    <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
  </div>
  <div class="content" id="panel31">
    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
  </div>
</div>