Nav('#nav'); Menu('.mbtn','.navm');//手机版导航 //下拉菜单 例调用:Nav('#nav'); function Nav(id){ var oNav = $(id); var aLi = oNav.find('li'); aLi.hover(function (){ $(this).addClass('on'); },function (){ $(this).removeClass('on'); })}; //下拉菜单 例调用:Menu('#menu'); // function Menu(id){ // var oNav = $(id); // var aLi = oNav.find('li'); // aLi.hover(function (){ // $(this).addClass('on'); // },function (){ // $(this).removeClass('on'); // })// }; //12.移动端顶部点击弹出下拉菜单 function Menu(menu,main){ var onOff = true; $(menu).bind('click',function (){ //绑定this为menu $(main).slideToggle(); if($(this).find('span').hasClass('fa-navicon')){ $(this).find('span').removeClass('fa-navicon'); $(this).find('span').addClass('fa-remove'); }else{ $(this).find('span').addClass('fa-navicon'); $(this).find('span').removeClass('fa-remove'); } }) // $(main).find('li > span').bind('click',function (){ // if($(this).hasClass('fa-chevron-right')){ // $(this).removeClass('fa-chevron-right'); // $(this).addClass('fa-chevron-down'); // }else{ // $(this).addClass('fa-chevron-right'); // $(this).removeClass('fa-chevron-down'); // } // if($(this).parent().hasClass('on')){ // $(this).parent().find('.subNavs').slideUp(); // $(this).parent().removeClass('on'); // return false; //退出循环 // }; // $(this).parent().siblings().removeClass('on').find('.subNavs'); // $(this).parent().siblings().find('.subNavs').slideUp(); // $(this).parent().addClass('on').find('.subNavs'); // $(this).parent().find('.subNavs').slideDown(); // }) $(main).find('strong').click(function(){ if($(this).parent().hasClass('on')){ $(this).parent().find('dl').slideUp(); $(this).parent().removeClass('on'); $(this).html("+"); return false; }; $(this).parent().siblings().removeClass('on'); $(this).parent().siblings().find('dl').slideUp(); $(this).parent().addClass('on'); $(this).parent().find('dl').slideDown(); $(this).parent().siblings().find('strong').html('+'); $(this).html('-'); }) }; //移动端顶部点击弹出下拉菜单 function subMenu(menu,main){ $(menu).each(function(e){ var $this = $(this) $this.click(function(){ $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); $(this).parent().next(".sub_navm").slideToggle(250); }); $this.parent().next('.sub_navm').find('.phone_toggle').click(function(){ $(this).next('dl').slideToggle(500); $(this).toggleClass('on'); if($(this).hasClass('on')){ $(this).html("×") }else{ $(this).html("+") } }) }) }; function subLeft(){ $('.sub_left').find('.active').each(function(){ if($(this).parent().parent().hasClass('second_nav')){ $(this).parent().parent().css('display','block'); $(this).parent().parent().parent().addClass('active') $(this).parent().parent().prev('.toggles').html('×') } }) $('.sub_left').find('.toggles').click(function(){ $(this).next('.second_nav').slideToggle(500); $(this).parent('li').toggleClass('active'); if($(this).parent('li').hasClass('active')){ $(this).html("×") }else{ $(this).html("+") } }) } $(function(){ $(document).bind("click",function(e){ if($(e.target).closest(".searchBtn").length == 0 && $(e.target).closest(".ser").length == 0){ close(); }else{ open(); } }) }) function close(){ $('.searchBtn').show(); $('.ser').hide(); } function open(){ $('.ser').show(); $('.searchBtn').hide(); }