tabbed-navigation

Darstellung

• Reiter 1
• Reiter 2
• Reiter 3

Code

<ul class="tabbed-navigation" role="tablist">
<li class="btn-tabbed current" data-tab="#tab-1" role="tab">Reiter 1</li>
<li class="btn-tabbed" data-tab="#tab-2" role="tab">Reiter 2</li>
<li class="btn-tabbed" data-tab="#tab-3" role="tab">Reiter 3</li>
</ul>

<div id="tab-1" class="tab current" role="tabpanel">
<h2>Reiter 1</h2>
Content
</div>

<div id="tab-2" class="tab" role="tabpanel">
<h2>Reiter 2</h2>
Content
</div>

<div id="tab-3" class="tab" role="tabpanel">
<h2>Reiter 3</h2>
Content
</div>