当鼠标已经位于元素onLoad上时,带有.toggle()的jQuery MouseEnter和MouseOut事件会反转吗？

我有一个下拉菜单,可以很好地与以下代码配合使用：

$('#menu ul li').mouseenter(function(){
    $(this).children(".dropdown").toggle();
}).mouseleave(function(){
    $(this).children(".dropdown").toggle();
});

正如您所期望的那样.问题是,如果在$(document).ready(function(){})被触发时,鼠标已经在$(‘#menu ul li’)上进行鼠标输入,则切换是否可以正常进行？

如何避免这种情况？

EG：http://screenr.com/wbd

最佳答案

您是否不想在mouseenter上执行show()而在mouseleave上执行hide()？