DIV 드롭 다운 추가하기

Question

div를 텍스트 메뉴에 드롭 다운으로 추가하려고합니다. 텍스트 링크 위로 마우스를 가져 가면 div가 텍스트 아래에 나타나게하고 사용자가 텍스트를 굴려서 div에서 벗어나거나 div의 링크를 클릭하면 사라집니다. 여기에 내가 지금까지 가지고있는 코드가 있습니다 :

나는 div를 전혀 표시하지 못합니다! 내가 HTTP에 모호 버전을 사용하고 있기 때문에 (제대로 jQuery 라이브러리를 발견하지 않은 내 코드의 로컬 복사본을보기 http://jsfiddle.net/VtXvB/

---

: 여기

가 jfiddle입니다 // 또는 https ://)

필자는 스크립트 태그에 "type"속성을 추가하고 모두 좋았습니다.

Answer 1

앵커 태그에서 호버 이벤트를 사용하고 있기 때문에이 경우 div가 왜 숨겨진 이유가 div가 아닌지로 이동하면 발생합니다. 따라서 JS 코드 대신 아래 코드를 사용하십시오.

$(document).ready(function(){ 
    $("#menu li").hover(
    function() { 
     $(this).find("a").addClass('active').next('.submenu').addClass('active').slideDown('fast'); 
    }, 
    function() { 
     $(this).find("a").removeClass('active').next('.submenu').removeClass('active').slideUp('fast'); 
    } 
); 
});