jQuery 애니메이션 내비게이션

Question

내 탐색 막대에서 두 번 움직이는 jQuery 애니메이션에 문제가 있습니다. 마우스를 한 번 올리면 아래로 날아가서 다시 위로 움직입니다. 보이지 않을거야. 두 번 이상 마우스를 올리면 올바른 효과가 나타납니다. 다음은 탐색이 설정 방법은 다음과 같습니다

<div id="nav"> 
<ul> 
    <li><a href="en.about.html">About<img src="images/down_arrow.png" alt=""/></a> 
    <ul> 
     <li><a href="en.accreditations.html">Accreditations</a></li> 
     <li><a href="en.partnerships.html">Partnerships</a></li> 
     <li><a href="en.labs.html">Laboratories</a></li> 
     <li><a href="">Industries</a></li> 
     <li><a href="">Photo Gallery</a></li> 
    </ul> 
    </li> 
... 
</ul> 

SCRIPT :

<script type="text/javascript"> 
$('body').ready(function() { 
$('li').hover(function() { 
$(this).find('li').slideToggle(); 
}); 
}); 
</script> 

Answer 1

<div id="nav" style="width:200px"> 
<ul style="border:1px solid red"> 
    <li class="topMenuItem"><a href="en.about.html">About<img src="images/down_arrow.png" alt=""/></a> 
    <ul style="display:none"> 
     <li><a href="en.accreditations.html">Accreditations</a></li> 
     <li><a href="en.partnerships.html">Partnerships</a></li> 
     <li><a href="en.labs.html">Laboratories</a></li> 
     <li><a href="">Industries</a></li> 
     <li><a href="">Photo Gallery</a></li> 
    </ul> 
    </li> 
</ul> 
</div> 

자바 스크립트 JSFiddle

HTML이 시도

$(document).ready(function(){ 
    $('.topMenuItem').mouseenter(function() { 
     $(this).find('ul').slideDown(); 
    }); 

    $('.topMenuItem').mouseleave(function(){ 
     $(this).find('ul').slideUp(); 
    }); 
​}); 

Answer 2

임이는 드롭 다운 메뉴입니다 가정?

목록 항목 만이 아니라 전체 목록을 슬라이드로 만들고 싶다고 가정합니다.

<script type="text/javascript"> 

    $(function() { 
     $('li').hover(function() { 
      $(this).find('ul').slideToggle(); 
     }); 
    }); 

</script> 

당신이 ... 밖으로 마우스

<script type="text/javascript"> 

    $(function() { 
     $('li').mouseenter(function() { 
      $(this).find('ul').slideDown(); 
     }).mouseleave(function(){ 
      $(this).find('ul').slideUp(); 
     }); 
    }); 

</script> 

또는 누가 알을 숨길을 원하는 경우 상점은, 내가 완전하게 될 질문을 읽는 놓칠 수 있습니다.

이 정보가 도움이되기를 바랍니다.