$(function(){ $('#header #gnb').mouseenter(function(){ $('#header').addClass('ov'); }); $('#header #gnb').mouseleave(function(){ $('#header').removeClass('ov'); }); $('.btn_all_menu').on('click',function(e){ e.preventDefault(); if($(this).hasClass('on')){ $(this).removeClass('on'); $('#header').removeClass('fff'); $('.allMenuWrap').fadeOut(300).removeClass('active'); /*$.fn.fullpage.setMouseWheelScrolling(true); $.fn.fullpage.setAllowScrolling(true); $('html, body').css({ overflow: 'auto', height: 'auto' });*/ }else{ $(this).addClass('on'); $('#header').addClass('fff'); $('.allMenuWrap').fadeIn(300).addClass('active'); /*$.fn.fullpage.setMouseWheelScrolling(false); $.fn.fullpage.setAllowScrolling(false); $('html, body').css({ overflow: 'hidden', height: '100%' });*/ } }); $('#header').addClass('load'); $(window).on('load',function(){ $('#header').addClass('load'); }); $(window).on('load resize',function(){ if($(this).width() > 1100){ $('.allMenu .dep2 ').show(); } $('.mvWrap .mv_item, .mainProd .mp_item, .allMenuWrap').height($(this).height()); }); $('.allMenu > li > p').on('click',function(){ if($(this).parent().hasClass('active')){ $(this).next('.dep2').slideUp(200).parent().removeClass('active'); }else{ $(this).next('.dep2').slideDown(200).parent().addClass('active').siblings().removeClass('active').find('.dep2').slideUp(200); } }); $('#header .lang > a').on('click',function(e){ e.preventDefault(); $(this).toggleClass('on'); }); var win = $(window); $('.fileBox').each(function(){ var uploadFile = $(this).find('.uploadBtn'); $(this).find('input[type="text"]').click(function(){ $(this).siblings('.uploadBtn').trigger('click'); console.log($(this).next('.uploadBtn').attr('class')); }); uploadFile.on('change', function(){ if(window.FileReader){ var filename = $(this)[0].files[0].name; } else { var filename = $(this).val().split('/').pop().split('\\').pop(); } $(this).siblings('.fileName').val(filename); }); }); $('.select_box a').click(function(e){ select_change(this); e.stopPropagation(); }); $('.placeholder input, .placeholder textarea').each(function(){ $(this).focus(function(){ $(this).siblings('.placeholder').hide(); }); $(this).blur(function(){ placeholder(this); }); }); $('.tab_wrap a').click(function(){ if (!$(this).parent().hasClass('active')) { $('.tab_wrap li').removeClass('active'); $(this).parent().addClass('active'); $('.tab_content').children().hide(); $('.tab_content').children().eq($(this).parent().index()).show(); $('.tab_wrap select').children().eq($(this).parent().index()).attr('selected', 'selected'); } }); $('.tab_wrap select').change(function(){ $('.tab_content').children().hide(); $('.tab_content').children().eq($(this).find(':selected').index()).show(); $(this).siblings().children().removeClass('active'); $(this).siblings().children().eq($(this).find(':selected').index()).addClass('active'); }); }); function select_change(_target){ var _target = $(_target); if(_target.parent()[0].nodeName == 'DT'){ if(_target.closest('dl').hasClass('active')){ _target.closest('dl').find('dd').slideUp(200); _target.closest('dl').removeClass('active'); } else { _target.closest('dl').addClass('active'); _target.closest('dl').find('dd').slideDown(200); _target.closest('dl').find('dt a').css({ minWidth:_target.closest('dl').find('ul').outerWidth() + 2 }); } } else { if(_target.closest('dl').hasClass('active')){ _target.closest('dd').siblings().find('a').text(_target.text()); _target.closest('dl').find('dd').slideUp(200); _target.closest('dl').removeClass('active'); /* select option ?택 */ _target.closest('dl').siblings('select').find('option').removeAttr('selected'); _target.closest('dl').siblings('select').find('option').eq(_target.parent().index()).attr('selected','selected'); } else { _target.closest('dl').addClass('active'); _target.closest('dl').find('dd').slideDown(200); } } } function placeholder(_target){ var _target = $(_target); if(_target.val().length > 0){ _target.siblings('.placeholder').hide(); } else { _target.siblings('.placeholder').show(); } } //var c = 0; function Loop_ani (_init, duration, _target) { // create a loop function var _target = $(_target); timer = setTimeout(function () { $(_target).children().eq(_init).addClass('active'); _init++; if (_init < $(_target).children().length) { Loop_ani(_init, duration, _target); } else { clearTimeout(timer); // clear timeout _target.addClass('ani_finished'); } //console.log(c); }, duration); }