This Jquery plugin lets you easily create tabbed content. All you need is an ul-element with some li-elements and a couple of related content-divs. The major difference between Tabify and it’s competitors is it’s size.

How to use Tabify

It is very easy to use Tabify. All you need to do is to create an ul-list, fill it with a couple of li-elements with containing links (tabs) and create a couple of matching content divs. In the example below notice how the href-attribute on the link elements corresponds to the content div IDs.

<ul id="menu">

<li class="active"><a href="#jquery">jQuery</a></li>

<li><a href="#prototype">Prototype</a></li>

<li><a href="#ext">Ext</a></li>

</ul>

<div id="jquery">

jQuery is a cross-browser…

</div>

<div id="prototype">

The Prototype JavaScript…

</div>

<div id="ext">

Ext (X-t) is a JavaScript…

</div>

When you have created the necessary html code you need to include the javascript file with the plugin and call the tabify method.