js点击后进入到另一个页面的TAB选项中

https://blog.csdn.net/qq_36538012/article/details/88052982

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    </head>

    <body>


                    <div class="c_5" style="width: 1200px;">
                        <div class="c_7 fl" id="f_j" style="width: 1200px;">
                            <div class="d_6">

                                <div class="c_39 b1 fl">企业介绍</div>
                                <div class="c_39 b2 fl">培训&nbsp·&nbsp发展</div>
                                <div class="c_39 b3 c_40 fl">联系我们</div>
                            </div>

                        </div>
                    </div>




        <div class="aa_aaq">
            <!--企业介绍开始-->
            <div class="box d_8 a1" style="display: none;">
                1111111111111111111111111
            </div>
            <!--企业介绍结束-->
            <!--培训发展开始-->
            <div class="box d_8 a2" style=" display: none;  padding-bottom: 0px!important;">
                22222222222222222222222222
            </div>
            <!--培训发展结束-->
            <!--联系我们开始-->
            <div class="box d_8 a3">
                333333333333333333333333333
            </div>
            <!--联系我们结束-->
        </div>

        <script>
            $(function() {
                $(".c_39").click(function() {
                    var i = $(this).index();
                    $(".d_8").hide();
                    if(i == 0) {
                        $(this).addClass("c_40").siblings().removeClass('c_40');
                        $(".a1").show();
                    }
                    if(i == 1) {
                        $(this).addClass("c_40").siblings().removeClass('c_40');
                        $(".a2").show();
                    }
                    if(i == 2) {
                        $(this).addClass("c_40").siblings().removeClass('c_40');
                        $(".a3").show();
                    }
                })
                $("#ppgk").click(function() {
                    $(".b1").addClass("c_40").siblings().removeClass('c_40');
                    $(".a1").show();
                });
                $("#lxwm").click(function() {
                    $(".b3").addClass("c_40").siblings().removeClass('c_40');
                    $(".a3").show();
                });
            })

            //获取 被访问时的 url
            var ur = window.location.href;
            console.log(ur);
            // 获取该url  = 后面的数字 （id）
            var type = ur.split('#')[1];
            console.log(type);
            $(".d_6 div").eq(type - 3).addClass("c_40").siblings().removeClass('c_40');
            $(".aa_aaq div").eq(type - 3).show();
        </script>
        <!--内容结束-->
    </body>
</html>

js点击后进入到另一个页面的TAB选项中

猜你喜欢