This is a versatile Tab Content script that lets you organize regular DIV contents on the page into a tab interface, with the desired content appearing when a tab is clicked on.
It is a fully unobtrusive, CSS and HTML based script, it supports much requested features such as default tab selected, persistence of the active tab (ie: when page is reloaded), and multiple Tab Contents on the same page.
Outline of the script attributes:
- Fully unobtrusive, search engine friendly script. The tabs are simply list based links, and the tab contents are regular DIV contents on the page. Customization couldn't be easier.
- Specify which tab and its tab content should be shown by default when the page loads.
- Certain tabs can simply be links to other pages, instead of load a tab content.
- Optional persistence feature using session-only cookies, so the most recently clicked on tab is remembered even if the page is reloaded or revisited within the browser session.
- Supports multiple Tab Contents on the same page
- Supports "slideshow" mode, in which script automatically cycles through and selects each tab periodically until a tab is explicitly selected.
- Ability to expand/contract arbitrary DIVs on the page at the same time as the tabbed content is expanded and contracted.
- Ability to dynamically select a tab either based on its position within its peers, or directly, using its ID attribute.
- Ability to set where the CSS class "selected" get assigned when a tab is clicked on- either on the tab link itself (its "A" element), or its parent
- Ability to dynamically cycle forward/back between tabs. Create a "Next" and "Back" link for users to move between tabs, for example.
Find us on Google+
