$(function() { "use strict"; /* adjust the width of the right member menu */ var menu_width = function() { if($('#layout_gnb>ul>li:first-child').width() > 50) { $('#layout_gnb>ul>li:first-child .layout_dropdown-content, #layout_gnb>ul>li:first-child .layout_dropdown-content a').css('width', $('#layout_gnb>ul>li:first-child').width()).css('min-width', $('#layout_gnb>ul>li:first-child').width()); } } $( window ).resize(function() { if($('#layout_gnb>ul>li:first-child').width() > 50) { menu_width(); } }); menu_width(); /* mobile hamburger menu toggle */ $(".layout_mobile_menu").each(function() { $( this ).click(function( event ) { event.preventDefault(); layout_toggleMenuOpener( $( this ).get(0) ); }); }); /* detect scrolling up or down to hide or show the hamburger menu */ var previousScroll = 0; var simpleScrolled = false; var scrollThreshold = 5; /* detect window scrolling */ $( window ).scroll(function() { simpleScrolled = true; }); /* refresh window scrolling per 250 ms, and show/hide the menu */ setInterval(function() { if (simpleScrolled) { display_menu(); simpleScrolled = false; } }, 250); /* function to show/hide the menu */ var display_menu = function() { var currentScroll = $(window).scrollTop(); if (currentScroll > previousScroll) { if($("#layout_menu_toggle").css( 'position' ) === 'fixed') { $("#layout_menu_toggle").fadeOut(); } } else { if($("#layout_menu_toggle").css( 'position' ) === 'fixed') { $("#layout_menu_toggle").fadeIn(); $("#layout_menu_toggle").css('display', ''); } } previousScroll = currentScroll; } /* keyboard accessibility for dropdown menu */ $(".layout_dropdown").each(function() { $( this ).focusin( function( event ) { $( this ).addClass('layout_focus'); $( this ).find("ul.layout_dropdown-content").css('display', 'block').attr('data-dropdown', 'active'); }); }); $('body').focusin(function( event ) { if (!$(event.target).parents('.layout_dropdown').is('.layout_dropdown')) { $('*[data-dropdown="active"]').css('display', '').attr('data-dropdown', '').parents('li.layout_dropdown').removeClass('layout_focus'); } }); /* keyboard accessibility for dropdown menu END */ function layout_toggleMenuOpener(obj) { if(obj.classList.contains("is-active") === true) { var targetMenu = $(obj).attr('data-target'); $('#' + targetMenu).slideUp('300', function() { $(this).css('display', ''); }); obj.classList.remove("is-active"); } else { var targetMenu = $(obj).attr('data-target'); if(targetMenu == 'layout_gnb') { $('#layout_gnb>ul>li:first-child .layout_dropdown-content, #layout_gnb>ul>li:first-child .layout_dropdown-content a').css('width', '').css('min-width', ''); $('html,body').animate({scrollTop:0}, 200); } $('#' + targetMenu).slideDown('300'); obj.classList.add("is-active"); } } // Language Select $('.layout_language>.toggle').click(function() { $('.selectLang').toggle(); }); });