javascript - 如何滑动切换()菜单部分?

标签 javascript jquery html

假设我有一个列表菜单:

<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 slipToggle())。我在选择正确的元素时遇到问题。例如。当我将鼠标悬停在“新闻”上方时,我想使用“Hi”滑动切换() .inner_menu。

到目前为止,我已经能够 slipToggle() 所有 .inner_menus 或得到不同的不需要的结果。我想我可以添加一堆不同的“id”,但这会很困惑,考虑到两个类似的菜单有很多内部菜单。

最佳答案

您可以使用hover输入/输出处理程序:

DEMO jsFiddle

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

关于javascript - 如何滑动切换()菜单部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22867347/

相关文章:

javascript - 从jsp页面获取ajax请求数据

javascript - 如何获取 jQuery 选择的 drodpown 列表框的 onclick 事件?

html - 为什么 select 的高度比 input[type=text] 稍大?

javascript - 如何在 JavaScript 中将整数转换为二进制?

javascript - 使用 JavaScript 获取输入标签内的属性值

javascript - 正确更新div中的数据AJAX(ASP.NET MVC)

Javascript正则表达式格式价格,2例

jquery - 如何测试jquery是否正确加载?

html - 谷歌浏览器中的滚动条问题

php简单html dom解析img html5属性?