//二级导航 $(function(){ $('.nav li').hover(function(){ $(this).children('ul').show(); $(this).children('ul').addclass('animated'); $(this).children('ul').addclass('fadeindown'); },function(){ $(this).children('ul').hide(); } ) }); $(function(){ //调用手机端导航栏目 $('nav#menu').mmenu({ searchfield : true, slidingsubmenus: true }); }); //垂直的二级 $(document).ready(function(){ $('#pane .menuchild:eq(0)').show(); //实现当前菜单收起来 $('#pane h2:eq(0)').addclass('active'); $('#pane h2:eq(0)').addclass('bordernone'); $('#pane h2').click(function(){ $(this).addclass('active').next('.menuchild').slidetoggle(300).siblings('.menuchild').slideup('slow'); $(this).addclass('bordernone'); $(this).siblings().removeclass('active'); $(this).siblings().removeclass('bordernone'); }); }); //添加listpro效果 $(function(){ $('.listpro li').hover(function(){ $(this).addclass('box-shadow'); },function(){ $(this).removeclass('box-shadow'); }) }) //tab选项卡 $(function(){ function tabs(tabtit,on,tabcon){ $(tabcon).each(function(){ $(this).children().eq(0).show(); }); $(tabtit).each(function(){ $(this).children().eq(0).addclass(on); }); $(tabtit).children().click(function(){ $(this).addclass(on).siblings().removeclass(on); var index = $(tabtit).children().index(this); $(tabcon).children().eq(index).show().siblings().hide(); }); } tabs(".tab_title","on",".tab_content"); })