mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-30 17:25:25 +09:00
55 lines
No EOL
1.5 KiB
JavaScript
55 lines
No EOL
1.5 KiB
JavaScript
$(function() {
|
|
"use strict";
|
|
|
|
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();
|
|
|
|
var toggles = document.querySelectorAll(".layout_mobile_menu");
|
|
|
|
for (var i = toggles.length - 1; i >= 0; i--) {
|
|
var toggle = toggles[i];
|
|
layout_toggleHandler(toggle);
|
|
};
|
|
|
|
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 {
|
|
$('#layout_gnb>ul>li:first-child .layout_dropdown-content, #layout_gnb>ul>li:first-child .layout_dropdown-content a').css('width', '').css('min-width', '');
|
|
var targetMenu = $(obj).attr('data-target');
|
|
$('html,body').animate({scrollTop:0}, 200);
|
|
$('#' + targetMenu).slideDown('300');
|
|
|
|
obj.classList.add("is-active");
|
|
}
|
|
}
|
|
|
|
function layout_toggleHandler(toggle) {
|
|
toggle.addEventListener( "click", function(e) {
|
|
e.preventDefault();
|
|
layout_toggleMenuOpener(this);
|
|
});
|
|
}
|
|
|
|
// Language Select
|
|
$('.layout_language>.toggle').click(function(){
|
|
$('.selectLang').toggle();
|
|
});
|
|
}); |