javascript - jquery条件逻辑问题

Question

我需要一个只有在下拉菜单本身和悬停的列表项都没有悬停时才会消失的下拉菜单。

这是我已经在使用的使子菜单出现，只有当 li 项目悬停时才会出现，但是当子菜单悬停时它会消失，我必须解决这个问题。

Javascript：

<script>        
$(document).ready(function () {     
$("#menu-top li:nth-child(1)").hover(   
function () {      $('#dropdown_first').slideDown('fast');   },    
function () {      $('#dropdown_first').slideUp('fast');   } );  });                
</script> 

HTML：

<div id="menu-top"> 
<li>first item</li>
<li>second item</li>
<li>third item</li>
</div>

..下页：

<div id="dropdown_first">
first menu dropdown
</div> 

<style>#dropdown_first {display:none'}

我想我需要在if这里声明只使用回调滑动，当鼠标悬停对于子菜单和 li 项目都为 true 时，但被卡住了。有谁能够帮助我？

Answer 1

如果你还想用JS来做效果，试试下面的。
我已经将它写下来，所以无法对其进行测试，但它应该可以解决您遇到的问题（希望如此）。

在顶部：

<style>
#dropdown_first {
display:none;
}
</style>

Javascript：

<script>        
$(document).ready(function() {

$("#menu-top li:nth-child(1)").hover(function(){
$('#dropdown_first').slideDown('fast');
});

$("#menu-top").mouseleave(function(){
$('#dropdown_first').slideUp('fast');
});

});         
</script>

希望有帮助