Tabs

Content tabs that toggle content when clicked.

Installation

Install via Bower:
``
$ bower install websolutions/tabs --save
`

Usage

The most basic example follows this DOM structure:
` html


And is initialized like so:
` javascript
$(".tabs").wsol_tabs();
`

The plugin can also be removed afterwards:
` javascript
$(".tabs").data("wsol.tabs").destroy();
`

Or manually changed to a specific tab (index or ID):
` javascript
$(".tabs").data("wsol.tabs").changeTab(0);
`

$3

The jQuery plugin supports a number of configuration options:

Option | Type | Description | Default
----------------------------|----------|------------------------------------------------------------------|--------
navigationLinkSelector | String | Selector for tab navigation links | > .tab-navigation > li > a
containerSelector | String | Selector for tab containers | > .tab-container > div
selectedClass | String | Class name to apply to the selected tab link | selected
hiddenClass | String | Class name to apply to non-selected tabs | hidden
accordionHiddenClass | String | Class name to apply to non-selected accordions | accordion-hidden
autoScroll` | Boolean | Keep active tab/accordion in viewport on change | true