Merge pull request #71 from LearnBoost/tabs-refactor

Tabs refactor
This commit is contained in:
Dave Gamache 2012-03-03 12:17:14 -08:00
commit 94ce27001d

View File

@ -1,4 +1,5 @@
/*
/**
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
@ -7,23 +8,22 @@
* 8/17/2011
*/
(function ($) {
// hash change handler
function hashchange () {
var hash = window.location.hash
, el = $('ul.tabs [href*="' + hash + '"]')
, content = $(hash)
$('body').on('click', 'ul.tabs > li > a', function(e) {
//Get Location of tab's content
var contentLocation = $(this).attr('href');
//Let go if not a hashed one
if(contentLocation.charAt(0)=="#") {
e.preventDefault();
//Make Tab Active
$(this).parent().siblings().children('a').removeClass('active');
$(this).addClass('active');
//Show Tab Content & add active class
$(contentLocation).show().addClass('active').siblings().hide().removeClass('active');
if (el.length && !el.hasClass('active') && content.length) {
el.closest('.tabs').find('.active').removeClass('active');
el.addClass('active');
content.show().addClass('active').siblings().hide().removeClass('active');
}
});
}
// listen on event and fire right away
$(window).on('hashchange.skeleton', hashchange);
hashchange();
$(hashchange);
})(jQuery);