jquery一次只停留在一个ul上

我有我的下拉菜单滑下来很好，但它做的所有ul的在我的导航。我只需要它来删除悬停的ul的菜单。我尝试使用“this”元素，但对jQuery了解不够，无法让它工作。有人吗

这是HTML页面（为简单起见进行了编辑）

$（'ul-ul'）

将始终获取所有

ul

的所有

ul

子级，而不考虑上下文

---

您可能希望将

$（'ul-ul'）

的实例替换为

$（此）。子对象（'ul'）

第一个html修复程序，

的子对象应该是
：

<div id="main-nav">
   <ul>
     <li><h1><a href="index.cfm">About Us</a></h1>
       <ul>
         <li><a href="#">Our Management</a></li>
         <li><a href="#">In The Community</a></li>
       </ul>
     </li>
   </ul>
  <ul>
    <li><h1><a href="index.cfm">About Us</a></h1>
       <ul>
         <li><a href="#">Our Management</a></li>
         <li><a href="#">In The Community</a></li>
       </ul>
     </li>
   </ul>
</div>

我一直在玩，发现这在IE中起作用

$（文档）.ready（函数（）{
$（“#主导航ul”）.hide（）

}))
 旁注：
应该是：
，在末尾的
前面有一个匹配的
，您的HTML无效。
的唯一合法子女是
。
$(document).ready(function() {
  $("#main-nav ul ul").hide();
  $(this.id+'ul').hover(function() {
    $('ul ul').slideDown(200);
  }, function() {
    $('ul ul').slideUp(200);
  });
});

<div id="main-nav">
   <ul>
     <li><h1><a href="index.cfm">About Us</a></h1>
       <ul>
         <li><a href="#">Our Management</a></li>
         <li><a href="#">In The Community</a></li>
       </ul>
     </li>
   </ul>
  <ul>
    <li><h1><a href="index.cfm">About Us</a></h1>
       <ul>
         <li><a href="#">Our Management</a></li>
         <li><a href="#">In The Community</a></li>
       </ul>
     </li>
   </ul>
</div>

$(document).ready(function() {
  $("#main-nav ul ul").hide();
  $("#main-nav>ul>li").hover(function() {
    $(this).children('ul').slideDown(200);
  }, function() {
    $(this).children('ul').slideUp(200);
  });
});

$("ul", this).hover(function() {
     $("ul", this).slideDown(200);
    }, function() {
     $("ul", this).slideUp(200);
});