超簡易jQuery選項卡切換外掛
阿新 • • 發佈:2019-01-23
/* 簡單選項卡外掛 */ ;(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);