CSS / javascript Tabs function

Tab sets are created using div elements and attributes (View Source). When a tab is selected the contents of its corresponding div element is displayed. The contents of the divs of all other tabs of the set are hidden. Multiple tab sets can be created and nested within each other.

The current tab setting is saved in a cookie unless the tab set name is set to 'no'. This is used to persist the selected tab setting until a different tab is clicked.

To perform javacript actions, create an 'onTab' function, which will receive the tabber object.

The bit is visible from all tags (if desired)

This tab does not save its setting in a cookie
Reloading causes the default first tab to be selected (use page refresh to see)


Tabber 3 Tab 1

Tabber 3 Tab 2


Tabber 3 Tab 3

Final text visible whatever tag is selected (if required!)