首次运行后水平菜单不会隐藏

Question

我有一个水平动画菜单，它有一个奇怪的行为，因为它只有第一次才能正常工作，之后可扩展菜单没有动画，我不明白为什么 ul#nav ul{display:none;} 不再适用...这是我用于动画的 jQuery 函数。

function mainMenu(){
$('ul#nav').find('> li').hover(function(){
        $(this).find('ul')
        .stop(true, true)
        .slideDown('slow');
    });
};

Answer 1

也许这会起作用：

function mainMenu(){
$('ul#nav').find('> li').hover(function(){
        $(this).find('ul')
        .stop(true, true)
        .slideDown('slow');
    }, function(){ $(this).find('ul').hide(); });
};

问题是你第一次隐藏你的<ul> 所以它工作得很好。在 slideDown() 之后，<ul> 变得可见，但是当您移动鼠标时，您只需更改左侧属性，而不是显示。基本上，<ul> 已经可见，所以 slideDown 不起作用。