Synopsis

Tab sets are defined by

s (definition lists) with class 'tabs'.

s define the tab labels and

s define the tab content. If a tab label

or tab set

has an id, the active tab will be saved in the window location URL hash. Active tab labels and content will be assigned CSS class "active"; the rest will be assigned class "inactive". In addition to controlling custom site styling, you can also manually pre-assign the desired classes to control individual

content visibility when Javascript is disabled. Call KCSTabs.initialize() on page load. Tabs may be nested.

Tab 1

Tab 2

Outer content 1

Outer content 2

Inner 1

Inner 2

Inner content 1

Inner content 2

URL ...#nested,tabs2=0 will activate tabs "Tab 2" and "Inner 1".