【jq】接上一个 实现tab导航栏以及内容切换跟着切换

实现tab导航栏以及内容切换跟着切换
qq749600191

$("#tablist>.el-tabs__item").click(function(){
    
    
    // console.log(this)
    $("#tablist>.el-tabs__item").removeClass("is-active");
    $(this).addClass("is-active");
    let aria_controls = $(this).attr("aria-controls");
    console.log(aria_controls)

    $(".el-tabs__content>.view").addClass("view_hide");
    $(".el-tabs__content>.view").removeClass("view_visible");
    $(".el-tabs__content>."+aria_controls).removeClass("view_hide");
    $(".el-tabs__content>."+aria_controls).addClass("view_visible");

});

猜你喜欢

转载自blog.csdn.net/weixin_44296452/article/details/122421662