rhymix/layouts/simple_world/layout.js

$(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) );
		});
	});

	/* 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();
	});
});