$(function(){ $(".btn_menu").click(function(){ $(".allmenu").fadeToggle(300); $(".head .gnb a").fadeToggle(100); $(".head .gnb a").toggleClass("bl"); $(".allmenu").toggleClass("open"); $(".btn_menu").toggleClass("open"); }); $(".pc_nav>ul>li").mouseover(function(){ $(".head").addClass("on"); $(this).find(".sub").stop().slideDown().parent("li").siblings().find(".sub").hide(); }) $("#header").mouseleave(function(){ $(".head").removeClass("on"); $(this).find(".sub").stop().slideUp(); }) var $animation_elements = $('.ani'); var $window = $(window); function check_if_in_view() { var window_height = $window.height(); var window_top_position = $window.scrollTop(); var window_bottom_position = (window_top_position + window_height); $.each($animation_elements, function() { var $element = $(this); var element_height = $element.outerHeight(); var element_top_position = $element.offset().top; var element_bottom_position = (element_top_position + element_height); //check to see if this current container is within viewport if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) { $element.addClass('in-view'); } //else { //$element.removeClass('in-view'); //} }); } $window.on('scroll resize', check_if_in_view); $window.trigger('scroll'); //모바일 올메뉴 var $depth1 = $(".allmenu .allmenuwrap>ul>li>a"); $depth1.click(function(){ if($(window).width() <= 812){ if($(this).parent().hasClass("active") == false){ $(".allmenu .allmenuwrap>ul>li").removeClass("active"); $(this).parent().addClass("active"); $(".allmenu .allmenuwrap>ul>li>a").removeClass("on"); $(this).addClass("on"); $(".allmenu .allmenuwrap>ul>li>ul ").stop().slideUp(300); $(this).next().stop().slideDown(300); } else{ $(this).parent().removeClass("active"); $(this).next().stop().slideUp(300); $(this).removeClass("on"); } }else { $(".allmenu .allmenuwrap>ul>li>a").show(); $(".allmenu .allmenuwrap>ul>li>a").removeClass("on"); } }); $(window).on("resize", function(){ if($(this).width() <= 812){ $(".allmenu .allmenuwrap>ul>li>ul ").hide(); }else { $(".allmenu .allmenuwrap>ul>li>ul ").show(); $(".allmenu .allmenuwrap>ul>li>a").removeClass("on"); } }).resize(); $(".allmenu .allmenuwrap>ul>li>ul>li>ul>li>a").click(function(){ $(".allmenu").fadeOut(300); $(".head .gnb a").fadeOut(100); $(".head .gnb a").removeClass("bl"); $(".allmenu").removeClass("open"); $(".btn_menu").removeClass("open"); }); });