gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 15:44:18 25 4
gpt4 key购买 nike

假设我有一个列表菜单:

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com