Question

假设我有一个列表菜单：

<html>
<body>
  <div id="menu">
  <ul>
      <li>News
          <ul class="inner_menu">
              <li>Hi</li>
          </ul>
      </li>
      <li>Bumble
          <ul class="inner_menu">
              <li>Hellos</li>
          </ul>
      </li>
      <li>Scratch</li>
      <li>Snap</li>
  </ul>
</div>
</body>
</html>

如果你将鼠标悬停在＆＃39; li＆＃39;之上，我希望所有无序列表都被隐藏但是滑动/向上（jquery slideToggle（））它们嵌套的元素。我在选择正确的元素时遇到了问题。例如。我想要滑动切换（）.inner_menu，然后选择＆＃39;嗨＆＃39;当我徘徊在＆＃34;新闻＆＃34;。

到目前为止，我已经能够对所有.inner_menus进行slideToggle（）或获得不同的不需要的结果。我想我可以添加一堆不同的内容，但考虑到两个带有大量内部菜单的类似菜单，这会非常混乱。

Answer 1

您可以使用hover进/出处理程序：

DEMO jsFiddle

$('li').hover(function(){
    $(this).children('ul').slideToggle();
});

如何slideToggle（）部分菜单？

1 个答案:

DEMO jsFiddle