var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset:200, // mobile: false, live: true }); wow.init(); $(function(){ $(".nav ul li").hover(function(){ $(this).find(".nav-con").show(); },function(){ $(this).find(".nav-con").hide(); }) $("header .menu").on("click",function(){ var _this=$(this); if(!_this.hasClass('on')){ _this.addClass('on'); $("header nav.mnav").slideDown(); $("header .menu .lbox .line1").animate({ "top":'50%' },200,function(){ $("header .menu .lbox .line2").hide(); }).animate({ 'rotate':'45deg' }) $("header .menu .lbox .line3").animate({ "top":'50%' },200,function(){ $("header .menu .lbox .line2").hide(); }).animate({ 'rotate':'-45deg' }) } else{ _this.removeClass('on'); $("header nav.mnav").slideUp(); $("header .menu .lbox .line1").animate({ 'rotate':'0deg' },200,function(){ $("header .menu .lbox .line2").show(); }).animate({ "top":'0%' },200) $("header .menu .lbox .line3").animate({ 'rotate':'0deg' },200,function(){ $("header .menu .lbox .line2").show(); }).animate({ "top":'100%' },200) } }) $("header nav.mnav .item-tit").on("click",function(){ if ($(this).siblings('.sel-con').is(':hidden')){ $("header nav .item .item-tit.on").removeClass('on').next().slideUp(); $(this).addClass('on'); $(this).siblings('.sel-con').stop().slideDown(); $(this).parent().siblings('li').children('.sel-con').stop().slideUp('').siblings('.tit').removeClass('on'); }else{ $(this).removeClass('on'); $(this).siblings('.sel-con').stop().slideUp(); } }) });