jquery下拉列表问题

我的导航窗格上有一个下拉列表问题

以下是我的javascript：

$(document).ready(function () {
$('#column .subnav li').hover(
  function () {
   //show its submenu
   $('ul', this).slideDown();
  }, 
  function () {
   //hide its submenu
   $('ul', this).slideUp();         
  }
);
});

我的导航标记：

<ul>
<li><a href=#" style="font-weight:bold;">Administrator Record</a>
    <ul>
        <li><a href="#">Change Password</a></li>
        <li><a href="#">Add Administrator</a></li>
        <li><a href="#">Edit Administrator</a></li>
        <li><a href="#">Delete Administrator</a></li>
    </ul>
</li>
<li><a href=#" style="font-weight:bold;">Student Record</a>
    <ul>
        <li><a href="#">Add Student</a></li>
        <li><a href="#">Edit Student</a></li>
        <li><a href="#">Delete Student</a></li>
    </ul>
</li>
</ul>

---

这很好，但有时每当我在管理员记录上悬停时，下拉列表就会异常地上下滑动。向外悬停然后向后悬停可以解决这个问题。有什么建议吗？

试试这个，记住用您的ID替换ul li等：

$(document).ready(function () {
    $('ul li, ul li ul').hover(
      function () {
       //show its submenu
       $('ul', this).slideDown();
      }, 
      function () {
       //hide its submenu
       $('ul', this).slideUp();         
      }
    );
});

我添加了ul-li-ul作为另一个选择器，因此当您将鼠标悬停在该选择器上时，它仍会显示或隐藏菜单

另外，我注意到你的标记有错误，请检查链接和引号