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程序设计有所帮助。