用jquery编写的tab插件

时间:2021-06-02 16:59:25

用jquery编写的tab插件

用jquery编写的tab插件

源码

$.fn.ss_tab = function (options) {
var box = $(this);
var btns = $(this).find("ul:first > li"); //console.log($(btns).length);
var contents = $(this).find("ul").eq(1).children("li"); //console.log($(contents).length); $(btns).eq(0).addClass("active");
$(contents).hide();
$(contents).eq(0).show(); $(this).find("ul:first > li").click(function () {
$(this).addClass("active").siblings().removeClass("active");
var index = $(btns).index($(this)); //console.log(index);
//$(contents).hide();
$(contents).eq(index).show().siblings().hide();
});
};