Skip to content

Instantly share code, notes, and snippets.

@juanbrujo
Last active December 22, 2015 00:59
Show Gist options
  • Save juanbrujo/6393260 to your computer and use it in GitHub Desktop.
Save juanbrujo/6393260 to your computer and use it in GitHub Desktop.
Fast tabs with jQuery
/*-- TABS --*/
var tabMenu = '.nav';
var tabContent = '.destacadas';
var tabSelectedClass= 'selected';
var tabDefault = 1; // first tab
// add classes and hiding tabs
$(tabMenu+' a:eq('+(tabDefault-1)+')').addClass(tabSelectedClass);
$(tabContent).hide();
$(tabContent+':eq('+(tabDefault-1)+')').show();
// connecting the dots
$(tabMenu+' a').on('click',function(e){
e.preventDefault();
var activeTab = $(this).attr('href');
$(tabMenu+' a').removeClass(tabSelectedClass);
$(this).addClass(tabSelectedClass);
$(tabContent).hide();
$(activeTab).fadeIn('fast');
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment