$(function(){ 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'); /* pc nav */ $(".pc_nav>ul>li").hover(function(){ $(this).find("ul").stop().slideDown(); },function(){ $(this).find("ul").stop().slideUp(); }) /* allmenu */ btnchk = 0; $(".btn_menu").click(function(){ if(btnchk == 0){ $(this).addClass("open"); $(".allmenu").slideDown(600); btnchk = 1; }else{ $(this).removeClass("open"); $(".allmenu").slideUp(600); btnchk = 0; } }); $(".m_all>ul>li").click(function(){ if($(this).attr("class") == "act"){ $(this).find("div").slideUp(); }else{ $(this).find("div").slideDown(); } $(this).toggleClass("act"); $(this).siblings("li").removeClass("act"); $(this).siblings("li").find("div").slideUp(); }) });