93 lines
2.9 KiB
JavaScript
Vendored
93 lines
2.9 KiB
JavaScript
Vendored
$(document).ready(function(){
|
|
|
|
$(window).resize(function() {
|
|
var innerWidth; // 화면 width 값
|
|
|
|
innerWidth = $(window).innerWidth();
|
|
// 모바일 메뉴 노출 상태에서 화면이 커졌을 경우 헤더 메뉴 정상 노출을 위해 적용
|
|
if(innerWidth > 768) {
|
|
$('.sub-menu .sub-menu-list').css("display","");
|
|
$(".dim").hide()
|
|
$("body").css("overflow", "");
|
|
}
|
|
});
|
|
|
|
$(".dim").on('click', function () {
|
|
$(".dim").hide()
|
|
$("body").css("overflow", "");
|
|
$(".snb").removeClass("open");
|
|
});
|
|
|
|
$(".btn-slide").on('click', function (e) {
|
|
// mobile
|
|
if ($(window).innerWidth() < 1068) {
|
|
// close sidebar
|
|
|
|
if ($('.snb').hasClass("open")) {
|
|
$(".snb").removeClass("open");
|
|
// open sidebar
|
|
} else {
|
|
$(".snb").addClass("open");
|
|
$(".dim").show()
|
|
$("body").css("overflow", "hidden");
|
|
}
|
|
} else {
|
|
|
|
}
|
|
});
|
|
|
|
$(document).on('click', function(event) {
|
|
var $target = $(event.target);
|
|
var $submenu = $target.parent('.sub-menu');
|
|
var $main_skin = $target.parent('body.main-skin');
|
|
var $ulwrap = $target.next('.sub-wrap');
|
|
var $ul = $ulwrap.children('.sub-menu-list');
|
|
|
|
if ($(window).innerWidth() < 992) {
|
|
if ($submenu.length !== 0) {
|
|
event.preventDefault();
|
|
if ($ul.is(':visible')) {
|
|
// 하위 sub-menu 에 열려있는건 닫음
|
|
$ul.find('.sub-menu-list').slideUp('fast');
|
|
$ul.find('.sub-menu').removeClass('open');
|
|
$ul.slideUp('fast');
|
|
$submenu.removeClass('open');
|
|
} else {
|
|
var $parent =$submenu.parent();
|
|
// 동일 sub-menu 에 열려있는건 닫음
|
|
$parent.find('.sub-menu.open>.sub-menu-list').slideUp('fast');
|
|
$parent.find('.sub-menu.open').removeClass('open');
|
|
$ul.slideDown('fast');
|
|
$submenu.addClass('open');
|
|
}
|
|
} else {
|
|
$('.sub-menu').removeClass('open')
|
|
$('.sub-menu-list').slideUp('fast');
|
|
}
|
|
}else {
|
|
if ($submenu.length !== 0) {
|
|
// 타겟의 부모가 서브메뉴를 갖고 있는 경우
|
|
event.preventDefault();
|
|
if ($ul.is(':visible')) {
|
|
// 열려있는건 닫음
|
|
$ul.find('.sub-menu').removeClass('open');
|
|
$submenu.removeClass('open');
|
|
}else {
|
|
// 동일 sub-menu 에 열려있는건 닫음
|
|
var $parent =$submenu.parent();
|
|
$parent.find('.sub-menu.open').removeClass('open');
|
|
$parent.find('.sub-menu.open-fixed').addClass('open-temp');
|
|
$parent.find('.sub-menu.open-fixed').removeClass('open-fixed');
|
|
$submenu.addClass('open');
|
|
$('.snb').addClass('depth-open');
|
|
}
|
|
} else {
|
|
// 타겟의 부모가 서브메뉴가 아닌 경우 (document)
|
|
$('.sub-menu.open').removeClass('open');
|
|
$('.sub-menu.open-temp').addClass('open-fixed');
|
|
$(' .snb').removeClass('depth-open');
|
|
}
|
|
}
|
|
});
|
|
})
|