2012-12-04 70 views
1

当我将鼠标移离按钮并移动到实际菜单上时,我无法弄清楚如何让菜单保持关闭状态。我正在使用jQuery的滑动功能。如何保持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,如果这没有意义。当鼠标在上面时,我希望菜单保持关闭状态。什么是最简单的方法来做到这一点?

+1

使用'mouseenter'和'moouseleave'事件或jQuery的'hover'方法来代替。 – undefined

回答

0

相反的$(element).slideDown你sholud尝试$(element).show();