Php Jquery向下滑动不适用于ul li结构

我有如下ulli结构

<ul class="lft_mnu" id="menu-main-menu">    
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-261 current_page_item menu-item-276" id="menu-item-276">
      <a href="http://apptivowp.apptivo.com/company-history/">COMPANY HISTORY</a>
      <ul class="sub-menu">
          <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-287" id="menu-item-287">
              <a href="http://apptivowp.apptivo.com/company-history/sample-1/">Sample 1</a></li>
          <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-286" id="menu-item-286">
              <a href="http://apptivowp.apptivo.com/company-history/sample-2/">Sample 2</a></li>
      </ul>
  </li>
</ul>

我使用下面的javascript显示li子选项卡ul和classname子菜单

 <script type="text/javascript">

        $('li.menu-item').mousehover(function () {
            $('ul.sub-menu').slideDown('medium');
        });
        $('li.menu-item').mouseleave(function(){
        $('ul.sub-menu').slideUp('medium');
            });


      </script>

$（'li.menu item'）。鼠标悬停（函数（）{
$（'ul.子菜单'）。向下滑动（'medium'）；
});
$（'li.menu item'）.mouseleave（函数（）{
$（'ul.sub-menu'）.slideUp（'medium'）；
});

当我将鼠标悬停在

上时，我需要显示

---

我怎样才能做到这一点？…

您可以更改的一件事是，没有像mousehover这样的事件，您需要将其更改为mouseover。你需要注意的另一件事是，你的孩子李的也有类菜单项，所以当鼠标滑过它们时，你也会看到你可能不想要的滑动行为。请检查，然后可能需要进行更多修改。

尝试以下操作：

<script type="text/javascript">
    $(function(){
        $('li.menu-item ul.sub-menu').hide();
        $('li.menu-item').hover(function () {
                $('ul.sub-menu', this).slideDown('medium');
            }, function(){
            $('ul.sub-menu', this).slideUp('medium');
        });
    });
</script>

$（函数（）{
$（'li.menu-item ul.sub-menu'）.hide（）；
$（'li.menu item'）。悬停（函数（）{
$（'ul.sub-menu'，此）.slideDown（'medium'）；
}，函数（）{
$（'ul.sub-menu'，this.slideUp（'medium'）；
});
});

正在工作..但最初会显示

的子菜单

。我怎样才能限制它？。。