('.tab-bd .row').hide().eq(0).show();//默认全部隐藏,第一个显示(".tab-hd ul li").on('click', function(){
//通过 .index()方法获取元素下标,从0开始,赋值给某个变量
var _index = (this).index();
//让内容框的第 _index 个显示出来,其他的被隐藏(".tab-bd .row").eq(_index).show().siblings().hide();
(".tab-bd .row").eq(_index).addClass("active").siblings().removeClass("active");
//改变选中时候的选项框的样式,移除其他几个选项的样式(this).addClass("on").siblings().removeClass("on");
});
(".tab-bd ul li").click(function(){(this).addClass('on').siblings().removeClass("on");
});
JQ选项卡
发布于 2020-11-11 78 次阅读
赏
Comments | NOTHING