如何滑动菜单的切换(）部分

How to slideToggle() parts of menus?

本文关键字：部分 何滑动 菜单      更新时间：2023-09-26

假设我有一个列表菜单：

<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>

我希望所有无序列表都被隐藏，但如果你将鼠标悬停在它们嵌套的"li"元素上方，则向下/向上滑动（jquery slideToggle（））。我在选择正确的元素时遇到问题。例如，当我将鼠标悬停在"新闻"上方时，我想用"嗨"滑动 Toggle（） .inner_menu。

到目前为止，我已经能够滑动所有.inner_menus或获得不同的不需要的结果。我想我可以添加一堆不同的'id'，但考虑到两个类似的菜单，有很多inner_menus，那会太混乱了。

您可以使用

hover输入/输出处理程序：

演示 js小提琴

$('li').hover(function(){
    $(this).children('ul').slideToggle();
});
相关文章：