If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)


Tabs 1

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:

Tabs 1, 3.0 out of 5 based on 2 ratings