jQuery实现tab选项卡效果的方法

jQuery实现tab选项卡效果的方法
本文演示了jQuery实现选项卡标签效果的方式:
var制表符{ {
init:函数(){
tab_contents = $(var $ '。标签内容),tab_nav = $($'。选项卡导航);
tab_contents.find美元('。标签内容:不(:第一))隐藏();
tab_nav.find美元(李:第一)AddClass(主动的);
tab_nav.on美元(点击'李',功能(e){)
E.preventDefault();
var =美元美元(这),activetab = this.hash,母= this.parents美元('section '),$内容=美元(父母,tab_contents美元);
(父母,tab_nav美元美元)。找到(李的)RemoveClass(主动的);
this.parent美元()AddClass(主动的);
contents.find美元('。标签内容隐藏());
contents.find美元(activetab)。FadeIn(250);
});
}
};
$(document)。准备(tabs.init());

html部分如下所示:
章节标题

表1
表2


希望本文能对大家的jQuery程序设计有所帮助。

tag:方法选项卡效果电脑软件jquery

相关内容