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;}