풀드롭다운메뉴 제이쿼리 stop 끊김 채택완료

안녕하세요! 

그누보드 기본 메뉴를 끌어다 쓰고있고, 

메뉴 li에 마우스를 올리면 전체 메뉴가 풀 드롭다운 되는걸 구현하고 싶습니다.

제이쿼리 소스는 아래와 같습니다.

    $(".gnb>li").mouseenter(function(){
        $(".gnb li.multi-level-menu .sub-menu").stop().slideDown(300);
        $(".sub_menu_bg").stop().slideDown(300);
    })
        $(".gnb>li").mouseleave(function(){
        $(".gnb li.multi-level-menu .sub-menu").stop().slideUp(300);
        $(".sub_menu_bg").stop().slideUp(300);
    })

/*//서브 풀드랍 배경
    $(".sub_menu_bg").mouseenter(function(){
        $(".gnb li.multi-level-menu .sub-menu").stop();
        $(".sub_menu_bg").stop();
    })
    $(".sub_menu_bg").mouseleave(function(){
        $(".gnb li.multi-level-menu .sub-menu").stop().slideUp(300);
        $(".sub_menu_bg").stop().slideUp(300);
    })*/

stop이 없이 마우스 커서를 왔다갔다 하면 그 횟수만큼 계속 왔다갔다 해서 stop을 넣었더니 

메뉴가 내려오다 만다거나, 안내려온다거나 하는 현상이 생깁니다. 

커서를 왔다갔다해도 자연스렵게 메뉴가 내려오고 올라가려면 어떻게 해야할까여 ㅠㅠㅠㅠ