jQuery Tabs

gistfile1.js

;(function($) {
	$.fn.tabs = function(options) {
		return this.each(function() {
			var tabs = {};

			tabs.init = function($base) {
				var _this = this;

				_this.$base = $base;
				_this.$navTabs = _this.$base.find('.nav-tabs ul');
				_this.$tabContainer = _this.$base.find('.tabs');
				_this.$tabs = _this.$tabContainer.find('.tab');
				
				_this.$navTabs.on('click.tabs', 'a', _this.handleClick);

			};

			tabs.handleClick = function(e) {
				var _this = tabs,
					$parent = $(this).parent();

				if(!$parent.hasClass('current')) {
					_this.changeTab($parent);
				}

				e.preventDefault();
			};

			tabs.changeTab = function($linkParent) {
				var _this = this,
					newTab = $linkParent.index();

				//Toggle nav class
				_this.$navTabs.find('.current').removeClass('current');
				$linkParent.addClass('current');

				//Change which tab is showing
				_this.$tabs.filter('.current').fadeOut(150).removeClass('current');
				_this.$tabs.eq(newTab).fadeIn(250).addClass('current');
			};
			
			tabs.init($(this));
		});
	};
})(jQuery);