채택완료

jquery 질문 드립니다 ㅠㅠ

2016-09-21 (수) 18:49:08 3,514

http://ww2.mynewsletter.co.kr/tmpsite/index.html

이 사이트의 경우 메인 내비게이션의 경우 마우스가 올라가면 mouseenter메소드로 전체메뉴가 출력 되는데요, 문제는 마우스를 떼어도 계속 전체메뉴가 나와 있는 상태입니다.

 $(".menu")
    .mouseenter(function(){
        $(".jmenulist").show();
    });

이 코드입니다. 마우스가 빠질때 나오는 마우스아웃 동작을 넣어봤지만 메뉴가 파르르 떨거나 .menu 영역을 나와버리면 자동으로 없어지는 에러가 나타납니다.  

제가 하고 싶어 하는 동작은 특정 메뉴를 누르면 토글 되고(이건 해놨습니다.), 그리고 주 메뉴에 마우스를 올리면 전체메뉴가 나와서 모든 메뉴를 다 고를 수 있도록 하는 것입니다.

DOM 구조가 물론 좀 변칙적입니다;; 모든 메뉴에 하위리스트를 만들진 않았어요.. 귀찮아서;; 

조언 부탁드리겠습니다!!! 

|

답변 1개

채택된 답변
+20 포인트

$(".menu")
    .mouseenter(function(){
        $(".jmenulist").show();
    },function(){

         $(".jmenulist").hide();

    });

 

요렇게 하면 안될까요?

답변을 작성하려면 로그인이 필요합니다.