foundation-sites-5/doc/includes/tabs/examples_tabs_vertical_intro.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 active"><a href="#panela1">Tab 1</a></li>
  <li class="tab-title"><a href="#panelb1">Tab 2</a></li>
  <li class="tab-title"><a href="#panelc1">Tab 3</a></li>
  <li class="tab-title"><a href="#paneld1">Tab 4</a></li>
</ul>
<div class="tabs-content">
  <div class="content active" id="panela1">
    <p>This is the first panel of the basic tab example. This is the first panel of the basic tab example.</p>
  </div>
  <div class="content" id="panelb1">
    <p>This is the second panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, nesciunt. Aperiam sed expedita quo. Ipsam iusto sapiente animi? Voluptatem ut facilis maxime minima. Aperiam, at non sequi molestias tempora. Enim.</p>
  </div>
  <div class="content" id="panelc1">
    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
  </div>
  <div class="content" id="paneld1">
    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
  </div>
</div>