想要找点什么呢?

幕冬有柒

JQ选项卡

幕冬有柒 · 2021-04-20 · 358 次阅读

    $('.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");
    });

  • 微信

Comments | 0 条评论