jQuery tabs script

gistfile1

// Define elements
var $tabContainer = $('.tab-container');
var tabContentClass = '.tab-content';
var tabHeadingClass = '.tab-heading';

// Hide all tab content
$tabContainer.find(tabContentClass).hide();

// When tab button is clicked...
$tabContainer.find(tabHeadingClass).click(function(){
  // Remove styling class
  $(tabHeadingClass).removeClass('active');
  // Hide all tabs
  $tabContainer.find(tabContentClass).hide();
  // Set active styling class on the clicked heading, and show the tab whose 
  // selector is contained in the heading's data-fortab attribute
  $($(this).addClass('active').attr('data-fortab')).show();
});

// Activate the first tab by default
$tabContainer.find(tabHeadingClass).first().click();