1. 程式人生 > >超簡易jQuery選項卡切換外掛

超簡易jQuery選項卡切換外掛

/* 簡單選項卡外掛 */
;(function($){
    $.fn.TabSimple = function(c){
    	c = $.extend({
			tab: ".s-tab", //標題項
			con: ".s-con", //內容項
			curr: "curr",  //當前高亮的css類名
			event: "click" //觸發的事件,jQuery所支援的所有事件
    	},c);
	    return this.each(function(){
	        var tab = $(this).find(c.tab);
	    	var con = $(this).find(c.con);
	    	tab.bind(c.event, function(){
	    		var i = tab.index($(this));
	    		tab.removeClass(c.curr); //或tab.find("." + c.curr).removeClass(c.curr)
	    		$(this).addClass(c.curr);
	    		con.hide().eq(i).show();
	    	});
		});	
    };
})(jQuery);