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=" 1200px;"> <div class="c_7 fl" id="f_j" style=" 1200px;"> <div class="d_6"> <div class="c_39 b1 fl">企业介绍</div> <div class="c_39 b2 fl">培训 · 发展</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>