/*修改顶部导航样式end*/ $('.nav').mouseenter(function(){ $('.nav .menu').stop().slideDown("slow"); $('.classify .arrow-icon').attr('src','!Front/Common/~/images/arrow-up.png'); }); $('.nav').mouseleave(function(){ $('.nav .menu').stop().slideUp("slow"); $('.classify .arrow-icon').attr('src','!Front/Common/~/images/arrow-down.png'); }); // 展开的一级菜单index let ShowIndex; /** * 只展开一个一级菜单 * 用于第一次进入当前页面 */ function showOneMenu(index){ // 先隐藏所有二级菜单，再展开选中的二级菜单 $("ul.first_side li").find("p").removeClass("upIcon"); $(".first_side .firstSideLi").eq(index).find("p").addClass("upIcon"); $("ul.first_side li .conact_side").hide(); $(".first_side .firstSideLi").eq(index).find(".conact_side").show(); }; /** * 展开或关闭一级菜单 */ $(".first_side .firstSideLi").click(function(){ var thisTltClass = $(this).find("p").attr('class'); if(thisTltClass == "ulTitle upIcon"){ // 点击了展开的一级菜单，关闭当前二级菜单 // console.log('点击了展开的一级菜单', '') $(this).find("p").removeClass("upIcon"); $(this).find(".conact_side").hide(); } else if (thisTltClass == "ulTitle") { // 点击了关闭的一级菜单，展开当前二级菜单 // console.log('点击了关闭的一级菜单', '') $(this).find("p").addClass("upIcon"); $(this).find(".conact_side").show(); } }) /** * 切换选中的二级菜单 * 用于第一次进入当前页面 */ function changeActiveStyle(id){ // 先隐藏所有二级菜单，再展开选中的二级菜单 $(".conact_side li").removeClass("actives"); $(".conact_side").find(id).addClass("actives"); }; /** * 点击二级菜单，切换样式 */ $(".conact_side li").click(function(e){ e.stopPropagation(); //阻止外层onclick事件 $(".conact_side li").removeClass("actives"); $(this).addClass("actives"); }) /** * 切换显示右侧内容 * 用于第一次进入当前页面 */ function changeContent(id){ // 先隐藏所有二级菜单，再展开选中的二级菜单 $(".right .content").hide(); $(".right").find(id).show(); }; /** * 点击二级菜单，切换右侧内容 */ $(".conact_side li").click(function(e){ e.stopPropagation(); //阻止外层onclick事件 var thisTltId = $(this).attr('id'); let idStr = '#' + thisTltId; // 切换显示右侧内容 changeContent(idStr); }) function getShowId(par){ //获取当前URL var urlHash = document.location.hash; // console.log('urlHash', urlHash) if(urlHash == '#shoppingProcess' || urlHash == '#shoppingQuestion') { ShowIndex = 0; showOneMenu(ShowIndex); } if(urlHash == '#distribution') { ShowIndex = 1; showOneMenu(ShowIndex); } if(urlHash == '#afterSale') { ShowIndex = 2; showOneMenu(ShowIndex); } if(urlHash == '#highCamera') { ShowIndex = 3; showOneMenu(ShowIndex); } // 切换选中的二级菜单 changeActiveStyle(urlHash); // 切换显示右侧内容 changeContent(urlHash); // 使页面回到顶部 $("html,body").animate({scrollTop: 0,screenLeft: 0,}, 10); return urlHash; //如果找不到返回false return false; } //获取进入页面时的id值，并展开对应菜单显示对应内容 getShowId(); 
