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.

1.<UL id=menu>
2.<LI class=active><A href="#contentHome">Home</A></LI>
3.<LI><A href="#contentGuestbook">Guestbook</A></LI>
4.<LI><A href="#contentLinks">Links</A></LI>
5.</UL>
6.<DIV id=contentHome>Content for Home</DIV>
7.<DIV id=contentGuestbook>My guestbook</DIV>
8.<DIV id=contentLinks>Links</DIV>

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

View live demo

Download source code