如何保持Jquery下拉菜單？

Question

當我將鼠標移離按鈕並移動到實際菜單上時，我無法弄清楚如何讓菜單保持關閉狀態。我正在使用jQuery的滑動功能。

<script> 
function drop(elid) { 
    var element = document.getElementById(elid); 
    $(element).slideDown("fast"); 
} 

function raise(elid) { 
    var element = document.getElementById(elid); 
    $(element).slideUp("fast"); 
} 
</script> 

HTML看起來有點像這樣。

<a href="menu.php" onMouseOver="drop('drop_down')" onMouseOut="raise('drop_down')">Click Here</a> 

<div id="drop_down">Menu</div> 

實際的網站鏈接是albionsteakhouse.com，如果這沒有意義。當鼠標在上面時，我希望菜單保持關閉狀態。什麼是最簡單的方法來做到這一點？

Answer 1

相反的$(element).slideDown你sholud嘗試$(element).show();