假设我有一个列表菜单:
<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/