// ver1 $('body').on('click', function(e) { if($('.sub-depth').has(e.target).length == 0){ $('.gnb').stop().slideUp(); } }); // ver2 $(document).mouseup(function(e){ if($('.menu').has(e.target).length == 0){ $('.btn').removeClass('open'); $('.menu').stop().hide(); } })
function subNavi(){ $('.btn-gnb-menu').on('mouseenter',function(e){ $(this).addClass('on'); $(this).next('ul').stop().slideDown(); }); $('.left').on('mouseleave',function(e){ $('.btn-gnb-menu').removeClass('on'); $(this).children('ul').stop().slideUp(); }); } //모바일 시 function msubNavi(){ $('.left > ul').hide(); $('.btn-gnb-menu').off('mouseenter').removeClass('on'); $('.left').off('mouseleave');..
HTML CSS .visual .slick-slide.on .visual-text h2{-webkit-animation:visualTextUp 0.5s linear forwards;animation:visualTextUp 0.5s linear forwards;} .visual .slick-slide.on .visual-text strong{-webkit-animation:visualTextUp 0.5s 0.7s linear forwards;animation:visualTextUp 0.5s 0.7s linear forwards;} .visual .slick-slide.on .visual-text span{-webkit-animation:visualTextUp 0.5s 1s linear forwards;an..
$(document).ready(function(e){ var wWidth = $(window).innerWidth(); if(wWidth 1024){ $('.video-con > iframe').load(function(e){ var videoHeight = $('.video-wrap .video-con iframe').height(); $('.sponsor-rolling-wrap').height(videoHeight); }); }else if(wWidth iframe').load(function(e){ var videoHeight = $('...
function gnb(){ $('#gnb > li').on('mouseenter',function(e){ if($(this).children('a').next('ul').length){ $(this).children('a').next('ul').stop().fadeIn(200); $('#gnb > li').not(this).children('a').next('ul').stop().fadeOut(200); $('.nav').stop().animate({ 'height':'100px' }, 100); }else{ $('.sub-gnb').stop().fadeOut(200); $('.nav').stop().animate({ 'height':'65px' }, 100); } }); $('#gnb').on('mo..
HTML ONOFF CSS #window-pop .title-wrap.pro-tit{margin-bottom: 20px;} .switch{overflow: hidden;display: inline-block;position: relative;float: right;width: 72px;height: 32px;margin-top: -4px;} .switch input{opacity: 0;width: 0;height: 0;} .slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #555555;border-radius: 50px;-webkit-transition: .4s;transition: ...
// tab menu $('.js-tab-menu > li').on('click',function(e){ var cnt = $(this).index(); $(this).addClass('on'); $(this).siblings('li').removeClass('on'); $('.js-tab-con').hide().eq(cnt).stop().fadeIn(); }); // select con var activeSelect = $('.js-select-list > li.on').text(); $('.js-btn-select > span').text(activeSelect); $('.js-btn-select').on('click',function(e){ $(this).toggleClass('on'); $(thi..