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. A fully unobtrusive, CSS and HTML based script, it supports practical features such as default tab selected, persistence of the active tab (ie: when page is reloaded), a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, and more. Modifying the CSS tabs used as part of its interface to your own is now also much simpler compared to version 1. Now it really is the ultimate Tab Content script!

Here's a quick 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, either via CSS (give target tab a "selected" class name), or dynamically.
    * Certain tabs can simply be links to other pages, instead of load a tab content.
    * Optional tab persistence feature, so the most recently clicked on tab is remembered even if the page is reloaded or revisited within the browser session.
    * (v 2.0) Supports "slideshow" mode, in which script automatically cycles through and selects each tab periodically until a tab is explicitly selected.
    * (v 2.0) Ability to expand/contract arbitrary DIVs on the page at the same time as the tabbed content is expanded and contracted.
    * (v 2.0) Ability to dynamically select a tab either based on its position within its peers, or directly, using its ID attribute.
    * (v 2.1) Ability to dynamically cycle forward/back between tabs. Create a "Next" and "Back" link for users to move between tabs, for example.
    * (v 2.0) 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 instead (ie: "li" element). This makes the script adaptable to both CSS Tabs that are styled at the "A" level itself, or its parent container instead.
    * (v 2.2) A link from another page linking to the target page can select a tab on the later when loaded, via the URL parameter string ((ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0).
    * Supports multiple Tab Contents on the same page!