This is a Script that allows you to include tabs (tabbed pages) into a website page.
In order to make the script work, the index-#.html file with tabs should contain these lines of HTML code:
The tabs.js file contains these lines of code that initialize the script functionality:
The script is well-commented so you can always get to know which attributes to change in order to customize the slider functionality.
Below you can see the HTML script representation:
The tabs are represented with a bullet list (<ul> tag) with the .tabs class. Each list item (<li> tag) contains an anchor #tab1, #tab2. Accordingly, there is a <div> tag with a correspondent id (#tab1, #tab2).
You can find script related stylesheet in the main style.css file. You will need to modify the following styles: