jquery slideUp菜单切换？

我有一个slideUp菜单，它的动作很不稳定，有时如果我在它上面弹得太快，它可能会上下滑动4到5次。在其他时候，如果我在正确加载完成之前将鼠标悬停在它上面，菜单将滑动，这将成为它的“正常”状态，因此如果我将鼠标悬停在它上面，它将在我有机会单击任何菜单项之前向下滑动

代码如下：

$(document).ready(function(){
 var opened = false;
 $("#menu_box").hover(function(){

  if(opened){
   $("#menu_box").animate({"top": "+=97px"}, "200");
  }

  else{
   $("#menu_box").animate({"top": "-=97px"}, "200");
  }


  $("#menu_content").slideToggle("200");
  $("#menu_tab .close").toggle();
  opened = !opened;


 });
})

该代码最初是一个单击函数，而不是悬停函数，因此我尝试将其修改为以下内容：

$(document).ready(function(){
 $("#menu_box").hover(function(){

  $("#menu_box").toggle(function(){

   $("menu_box").animate({"top": "-=97px"}, "200");
   $("#menu_content").slide("200");

            });
 });
});

但这只会让菜单从右向左淡入淡出，根本不会滑动

---

我哪里做错了？蒂亚

用bind mousenter/mouseleave而不是hover修复了它

你们能用html和JavaScript发布一个更完整的例子吗？谢谢