Monday 1 September 2014

Simple Easy and lighting Fast jQuery Responsive Tabs

Once a day i am working on a large scale project, here i need to add tab on page, so i start searching a script for tabs. I have found so many tab scripts but they all are so much massive and content functions which  i don't needed, one more problem is, these massive script create conflict with other scripts in project. So after searching for three days, i have decided to write my own simple and flexible script for tabs, and here is the result, a very simple script that is easy to customize and surly not conflict with your existing scripts.

How to use it:

1. Include jQuery javascript library in the web page.

2. Include css and js in the page.

 

3. Follow the html structure below to build your tabbed panels.

Tab Conternt 1

Tab Conternt 2

Tab Conternt 3

Tab Conternt 4

Working Example:

Tab Conternt 1

Tab Conternt 2

Tab Conternt 3

Tab Conternt 4

Have Question? Please ask via comments. Also please add your suggestion if any.