jq制作二级选项卡

Posted 松前月下

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq制作二级选项卡相关的知识,希望对你有一定的参考价值。

$(‘.n-box-content‘).eq(0).show()
$(‘.n-box-nav li‘).eq(0).children(‘a‘).addClass(‘active‘)
$(‘.n-box-nav li a‘).hover(function(){
var indexs = $(this).parents().index();
$(‘.n-box-nav li‘).eq(indexs).children(‘a‘).addClass(‘active‘)
$(‘.n-box-nav li‘).eq(indexs).siblings().children(‘a‘).removeClass(‘active‘);
$(‘.n-box-content‘).eq(indexs).show().siblings(‘.n-box-content‘).hide()
},function(){

})

以上是关于jq制作二级选项卡的主要内容,如果未能解决你的问题,请参考以下文章

jq的选项卡tab

JQ实现选项卡切换

JQ最简单最易懂的淡入淡出选项卡

JQ简单的选项卡

使用jq实现tab选项卡

JQ选项卡(面向对象)