$(function(){ scrollani(); $(".m-bocweb-header3 .header2 .hamburger").on("click",function(){ if ($(this).hasclass("is-active")) { $(this).removeclass("is-active"); $(".m-bocweb-header3 .warp-nav").stop(true,false).hide(0); $("body,html").removeclass("ovh"); $(".m-bocweb-header3 .header2 .nav .li").removeclass("animate"); if (!$(".m-bocweb-header3").hasclass("on")) { $(".m-bocweb-header3").removeclass("active"); } $(".header2 .h-right span").html("menu"); }else{ $(this).addclass("is-active"); $(".m-bocweb-header3 .warp-nav").stop(true,false).show(0); $("body,html").addclass("ovh"); $(".m-bocweb-header3 .header2 .nav .li").addclass("animate"); if (!$(".m-bocweb-header3").hasclass("on")) { $(".m-bocweb-header3").addclass("active"); } $(".header2 .h-right span").html("colse"); } }) var _colspan= $('.m-bocweb-header3 .header2 .nav .li'); var _len=_colspan.length; var i=0; for(i;i<_len;i++){ _colspan.eq(i).css({ 'transition-delay': 0.1 + 0.04*(i+1)+'s' }); } $(".m-bocweb-header3 .header2 .sub-tit").on('click', function() { if ($(this).siblings('.sec-list').is(':hidden')){ $(this).addclass('on'); $(this).siblings('.sec-list').stop().slidedown(); $(this).parent().siblings('li').children('.sec-list').stop().slideup().siblings('.tit').removeclass('on'); }else{ $(this).removeclass('on'); $(this).siblings('.sec-list').stop().slideup(); } }); $(".li-sub-tit").on("click",function(){ $(".warp-nav2-sub").addclass("active"); $(".warp-nav1-sub").addclass("active"); }) $(".m-bocweb-header3 .colsebtn").on("click",function(){ $(".warp-nav1-sub").removeclass("active"); $(".warp-nav2-sub").removeclass("active"); }) $(window).scroll(function() { var target_top = $(window).scrolltop(); if (target_top > parseint($(".n-banner").height() + $(".header4").height())) { $(".fixnav").addclass("active"); }else{ $(".fixnav").removeclass("active"); } if (target_top > parseint($(".n-banner").height())) { $(".warp-subnav2").addclass("active"); $(".warp-subnav").addclass("active"); }else{ $(".warp-subnav2").removeclass("active"); $(".warp-subnav").removeclass("active"); } }); })