Tabber documentation

Tabber allows you to create tabbed interfaces in your pages. .

Example

This is tab 1

This is tab 2

This is tab 3

<ul class="inline">
	<li><a class="tabber tabGroup-tabs tab-tab1" href="#">Show tab 1</a></li>
	<li><a class="tabber tabGroup-tabs tab-tab2" href="#">Show tab 2</a></li>
	<li><a class="tabber tabGroup-tabs tab-tab3" href="#">Show tab 3</a></li>
</ul>
<div id="tabs">
<p id="tab1" class="tab">This is tab 1</p>
<p id="tab2" class="tab hider">This is tab 2</p>
<p id="tab3" class="tab hider">This is tab 3</p>
</div>

Settings

Valid elements

a elements (links)

Classname

tabber

Attributes

None

CSS parameters (what's this?)

tabGroup (required)
Must be set as the id of the element containing all the tabs
tab (required)
Must be set as the id of the tab you wish to show