jQuery水平菜单动画表现得很奇怪

Question

我有一个水平菜单，我在这个菜单上应用了一个jQuery函数，当菜单扩展时应该会产生一个慢效果。问题是jQuery函数完全相反，效果仅应用于背景颜色。这是功能：

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

谢谢。

Answer 1

它的作用是“相反”，因为它是切换并且它开始可见，所以第一次悬停时它实际上会被隐藏。请注意，它在第一次之后正常工作。请尝试使用slideDown代替slideToggle。

您可能还需要先将内部ul设置为隐藏，例如ul#nav ul{display:none;}

Answer 2

也许你想添加其他功能来隐藏列表。

function(){ $(this).find('ul').hide();