Tabs 1

This is a Script that allows you to include tabs (tabbed pages) into a website page.

JavaScript

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.

HTML
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).

CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles: