手写制作一个tab选项卡

最新推荐文章于 2024-02-27 14:49:06 发布

快乐的小海海

最新推荐文章于 2024-02-27 14:49:06 发布

阅读量907

点赞数

本文链接：https://blog.csdn.net/weixin_44539055/article/details/93893790

版权

手写制作一个tab选项卡：

HTML 代码：

我的认证
实名认证
手机认证
学历认证
视频认证

        @*第二页*@
        <div class="container p-0 pb-" style="display:none">
        </div>
    </div>
    @*第三页*@
    <div class="container p-0 pb-4" style="display:none;">

        <div class="container p-0 pb-4" style="display:none;">

        </div>
    </div>

$(’.tabbtn’).children().click(function () {
//当前操作的元素索引值
var id = $(this).index();
$(’.tabbtn’).children().eq(id).addClass(“in”).siblings().removeClass(“in”);
//当前显示，其他的隐藏。
$(’.tabbox’).children().eq(id).show().siblings().hide();
});
//点击进行认证按钮打开认证模