Javascript 正在丢失鼠标输出上的下拉列表信息

我已经建立了一个简单的下拉列表，我填充了各种链接。它包含大约50个项目，所以我将它包装在一个div中以使其可滚动。问题是，当我将鼠标移出时，我会丢失整个列表，除非显示前两个列表元素。我将这个下拉列表构建为一个子菜单，前两个链接作为“容器”排序

我有些理解为什么我会丢失整个列表，但不知道如何在mouseout上重新显示顶部链接

    $('.myMenu > li').bind('mouseover', openSubMenu);
function openSubMenu() { 
         $('.myMenu').css('overflow','auto');
         $('.myMenu').css('height','400px');
         $('.ulMenu').css('visibility', 'visible');
};
$('.myMenu > li').bind('mouseout', closeSubMenu);
function closeSubMenu() {
         $('.myMenu').css('overflow','hidden');
         $('.myMenu').css('height','20px');
       $('.ulMenu').css('visibility', 'hidden');
  }
}
</script>




<div id="menu">
  <ul class="myMenu">
    <li id="li_left"><a href="#">   Application </a></li>
      <li id="li"> <a href="#"> Hover For Listing</a>
          <ul id="tasksUl" class="ulMenu">
          </ul>
        </li>
    </ul>
</div> 

$（'.myMenu>li'）.bind（'mouseover'，openSubMenu）；
函数openSubMenu（）{
$（'.myMenu'）.css（'overflow'，'auto'）；
$（'.myMenu'）.css（'height'，'400px'）；
$（'.ulMenu'）.css（'visibility'，'visible'）；
};
$（'.myMenu>li'）.bind（'mouseout'，closeSubMenu）；
函数关闭子菜单（）{
$（'.myMenu'）.css（'overflow'，'hidden'）；
$（'.myMenu'）.css（'height'，'20px'）；
$（'.ulMenu'）.css（'visibility'，'hidden'）；
}
}

我认为您还必须在列表中发布您的.css。我想你有一个菜单，你想在悬停时打开一个列表

你正在设置一个

$('.myMenu').css('height','20px');

我不明白你为什么要这么做。另外，您的.css样式也非常不受欢迎

检查这里的小提琴：

---

工作起来很有魅力。您无需为菜单添加高度，因为它会根据菜单中的条目数量进行动态调整。此外，如果设置为“无”，则不会占用任何空间。。如果您还有其他问题或我误解了您的问题，请随时回复我的帖子，我会为您找到解决方案。

您能给我们举个例子吗？从一个快速的sacn上看，代码看起来有点奇怪。我正在试着说话。。。。。。我可能应该提到，这是来自sharepoint网站的内容编辑器Web部件。。。