안녕하세요. 정말 급합니다 ㅠㅠ 도와주세요..

 

예)

메뉴1   메뉴2   메뉴3

이중에서 메뉴1을 눌르면

 

예)

메뉴1   메뉴2   메뉴3

서브메뉴

서브메뉴2

서브메뉴3

 

이렇게 뜨자나요 이걸 메뉴1에다가 마우스 오버시에 전체로 펼쳐지게할수 없을까요?

 

예)

메뉴1        메뉴2             메뉴3

서브메뉴1  서브메뉴2-1    서브메뉴3-1

서브메뉴2  서브메뉴2-2    서브메뉴3-2

서브메뉴3  서브메뉴2-3    서브메뉴3-3

 

메뉴1이나 메뉴2 메뉴3 어느 곳에 마우스 오버시에 전체 메뉴가 뜨게 하고싶습니다..

이걸 css로 수정하기 힘들거 같고.. 어디를 손봐야댈지 도통 모르겠내요..검색하고 몇시간째 수정중인대..고수분들 꼭 도움을 얻고싶습니다.

 

 

 

layout.js 입니다.

jQuery(function($){
$('.dropdown').hover(function(){ 
        $(this).addClass('open');
    });

    $('.dropdown').focus(function(){ 
        $(this).addClass('open');
    });

    $('.dropdown').mouseleave(function(){ 
        $(this).removeClass('open');
    });
    
    $('.act_menu').click(function(){
        $('.total_menu').toggle();
    });
    
    var gMenu = $('div.total_menu');
    var gItem = gMenu.find('>div>ul>li');
    var ggItem = gMenu.find('>div>ul>li>ul>li');
    var lastEvent = null;
    function gMenuToggle(){
        var t = $(this);
        if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
            gItem.find('>ul').slideUp(200);
            gItem.find('button').removeClass('hover');
            t.next('ul').slideDown(200);
            t.addClass('hover');            
        } else {
            gItem.find('>ul').slideUp(200);
            gItem.find('button').removeClass('hover');
        
        }; 
    };

    gItem.find('>button').click(gMenuToggle);
    
    var scrollToTop = function() {
        // Get link
        var link = $('#to-top');
        var windowW = window.innerWidth
                        || document.documentElement.clientWidth
                        || document.body.clientWidth;

        $(window).scroll(function() {
            // If the user scrolled a bit (150 pixels) show the link in large resolutions
            if (($(this).scrollTop() > 150) && (windowW > 991)) {
                link.fadeIn(100);
            } else {
                link.fadeOut(100);
            }
        });

        // On click get to top
        link.click(function() {
            $('html, body').animate({scrollTop: 0}, 400);
            return false;
        });
    };
});

 

도와주세요 ㅠㅠ