Simple JavaScript Tabs: Switch the content displayed for different tabs

Recommend this page to a friend!
  Info   View files Example   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum (1)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStarStar 66%Total: 175 All time: 297 This week: 2Up
Version License JavaScript version Categories
javascript-tabs 1GNU General Publi...1.0HTML
Description Author

This is a simple object that can switch the content displayed for different tabs.

It takes a a given HTML content and replaces in the tab content section.

The object can also change the CSS class of the currently selected tab when a new tab is selected.

Innovation Award
JavaScript Programming Innovation award winner
January 2016

Prize: One downloadable e-book of choice by O'Reilly
Sometimes when you need to present a lot of content in a single page, you can divide it in multiple groups of related content and use tabs to display only one group at a time.

This object can switch the displayed content between different groups of content on a tab based HTML user interface.

Manuel Lemos
Picture of Pravin Sonawane
  Performance   Level  
Name: Pravin Sonawane <contact>
Classes: 3 packages by
Country: India India
Age: 43
All time rank: 918 in India India
Week rank: 6 Up1 in India India Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

  Files folder image Files  
File Role Description
Accessible without login Plain text file index.html Example Index File
Plain text file mytabs.js Class JavaScript Class
Accessible without login Plain text file style.css Data Cascaded Stylesheet

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:297
This week:2Up
User Ratings User Comments (1)
 All time
This is a very good and useful class ;-)
6 years ago (Josť Filipe Lopes Santos)