假设我有一个列表菜单:
<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())。我在选择正确的元素时遇到问题。例如。当我将鼠标悬停在“新闻”上方时,我想用“ Hi”来滑动slideToggle().inner_menu。
到目前为止,我已经能够对所有.inner_menus进行slideToggle()或获得不同的不需要的结果。我想我可以添加一堆不同的'id',但是考虑到两个相似的菜单,其中包含许多inner_menus,这太混乱了。
最佳答案
您可以使用hover
进/出处理程序:
DEMO jsFiddle
$('li').hover(function(){
$(this).children('ul').slideToggle();
});