$(document).ready(function(){ let $window=$(window); let $body=$('body'); let scrollTop=0; let lastScrollTop=0; $window.scroll(function(){ winScroll(); }); function winScroll(){ scrollTop=$(this).scrollTop(); if (scrollTop > lastScrollTop) { $body.addClass('scroll--down'); $body.removeClass('scroll--up'); } else { $body.addClass('scroll--up'); $body.removeClass('scroll--down'); } lastScrollTop = scrollTop; } winScroll(); //스크롤탑 /*let btn = $('.scrolltop-wrap'); $(window).scroll(function() { if ($(window).scrollTop() > 300) { btn.addClass('scrolltop_show'); } else { btn.removeClass('scrolltop_show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '350'); });*/ //메뉴 bg $("nav.menu-wrap > ul.gnb > li").mouseover(function(){ $("header").addClass("on"); }); $("nav.menu-wrap > ul.gnb > li").mouseout(function(){ $("header").removeClass("on"); }); // 사이드메뉴 $('.menu-btn.open').on('click', function(){ $('.m-menu').show().animate({ right: 0}); $('.m-menu-bg').fadeIn(120); $('body').css({ position: 'fixed', top: -scrollTop + 'px', width: '100%' }); }); $('.menu-btn.close').on('click', function(){ $('.m-menu').animate({ right: '-100%'}, function(){$('.sidebar_menu').hide(); }); $('.m-menu-bg').fadeOut(120); $('body').css({ position: '', top: '', width: '' }); }); $('.m-submenu').hide(); $('.m-gnb > li > p').on('click', function(){ const $submenu = $(this).next('.m-submenu'); const $icon = $(this).find('.icon-down-open'); // 전체 닫기 $('.m-submenu').not($submenu).stop().slideUp(300); $('.icon-down-open').not($icon).removeClass('on'); // 현재 클릭한 메뉴 토글 $submenu.stop().slideToggle(100, function() { // 닫힌 상태일 때는 on 제거, 열린 상태일 때는 on 추가 if ($submenu.is(':visible')) { $icon.addClass('on'); } else { $icon.removeClass('on'); } }); }); $('.faq-txt, .faq-conbox').hide(); $(document).on('click', '.faq-title, .faq-top', function() { const $txt = $(this).next('.faq-txt, .faq-conbox'); const $btn = $(this).find('.faq-view-btn, .faq-view'); // 다른 FAQ 전부 닫기 $('.faq-txt, .faq-conbox').not($txt).stop().slideUp(300); $('.faq-view-btn, .faq-view').not($btn).removeClass('on'); // 클릭한 FAQ 토글 $txt.stop().slideToggle(300, function() { if ($txt.is(':visible')) { $btn.addClass('on'); } else { $btn.removeClass('on'); } }); }); });