묻고답하기
XE 기본 레이아웃에서 gnb메뉴에 3차메뉴까지 나오게 하려면
2014.02.14 03:19
안녕하세요.
제목대로 현재 xe 오피셜3 레이아웃에서는
1차메뉴에 마우스 갖다대면 2차메뉴만 나오는데
이걸 3차메뉴까지 나오게 하려면 어떻게 해야 할까요?
제가 여러가지 궁리해서 알아본 바로는
같은 소스를 적용하면 왼쪽 LNB에서는 3차까지 뜨는 걸로 봐서
j quary 를 수정해주는 것 같은데
HTML에는 소스를 제대로 넣었다고 치고
jQuery(function($){
// Global Navigation Bar
var gMenu = $('header>nav');
var gItem = gMenu.find('>ul>li');
var ggItem = gMenu.find('>ul>li>ul>li');
var lastEvent = null;
gItem.find('>ul').hide();
gItem.filter(':first').addClass('first');
function gMenuToggle(){
var t = $(this);
if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
gItem.find('>ul').slideUp(300);
gItem.find('a').removeClass('hover');
t.next('ul').slideDown(300);
t.addClass('hover');
};
};
function gMenuOut(){
gItem.find('ul').slideUp(300);
gItem.find('a').removeClass('hover');
};
gItem.find('>a').mouseover(gMenuToggle).focus(gMenuToggle);
gItem.mouseleave(gMenuOut);
});
여기서 어디를 수정해야 하나요?
제가 이것저것 건드려 보니
gItem.find('>ul').hide(); 요기 밑에
ggItem.find('>ul').show();
이렇게 넣으면 처음 마우스를 가져다 대었을 때는 3차메뉴 뜨는 것을 확인했습니다.
다만 마우스 아웃 했다가 다시 오버 하면 그 때부터는 나오지 않더라구요.
다른 부분도 고쳐야 할 것 같은데, 이것저것 해봐도 모르겠어서 질문 드립니다.
감사합니다.