XE Town 사이트 현재 반응형으로 되여 있어 610 이하는 모바일형으로 나오는데요.
이때 메뉴를 클릭하고 닫기를 누른 상태에서 가로 사이즈를 늘리면 메뉴가 사라집니다. (현재 XE Town 사이트에서도 같은 현상입니다.)
다시 보려면 메뉴를 클릭해서 메뉴가 열린 상태에서 가로사이즈를 늘려야 합니다.
혹시 좋은 방법이 없는지 궁금합니다. 메뉴 클릭하면 열리고 닫치고.. 가로 사이즈를 늘리면 닫쳐 있던 메뉴가 나타나게요..
저도 같은 경우..메뉴 닫기 버튼은
function m_btn_open() {
var status = jQuery('.nav_gnb').css('display');
if (status === 'none') {
jQuery('.nav_gnb').css('display', 'block');
} else {
jQuery('.nav_gnb').css('display', 'none');
}
}
이렇게 넣고 가로사이즈는 900이 넘으면 나타나게 아래와 같이 사용하고 있습니다.
jQuery(document).ready(function () {
if (jQuery(window).width() < 900) {
jQuery(".nav_gnb").css("display", "none");
}
else {
jQuery(".nav_gnb").css("display", "block");
}
});
그런데 이것이 문제가 900 이하에서도 더 작은 사이즈로 윈도우 사이즈를 조절하기만 하면 닫기버튼을 클릭을 안해도 메뉴창이 자동으로 닫치는 단점이 있네요.
혹시 다른 분들은 어떻게 반응형일떄 ...적용하고 계시는지요?/