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语句来说明只使用回调幻灯片，当mouseout对于子菜单和li项都为真时，但是卡住了。有人能帮助我吗？

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>

希望有所帮助

jquery条件逻辑问题

1 个答案: