jQuery下拉动画slideUp答案

【问题标题】：jQuery Dropdown Animation slideUpjQuery下拉动画slideUp
【发布时间】：2012-12-03 12:21:20
【问题描述】：

我有带有 jQuery 动画的导航菜单。 slideOut 动画没问题，但是 slideIn 动画不起作用，我也想为 slideIn 添加延迟。这是jQuery代码：

function mainmenu() {
$(" #menu ul ").css(display: "none"}); // Opera Fix
$("#menu li").hover(function() {
$(this).find('ul:first').css({ visibility: "visible", display: "none"}).slideDown(300);}, 
function() {
$(this).find('ul:first').slideUp(400);
});
}
$(document).ready(function() {mainmenu();});

...还有小提琴http://jsfiddle.net/dzadze/ak5mu/

【问题讨论】：

标签： jquery animation drop-down-menu menu navigation

【解决方案1】：

这是一个有效的 jsfiddle，它与您的 display:none css 相关

http://jsfiddle.net/ak5mu/2/

【讨论】：

我唯一要添加的是在两次调用 .css 之前，放入 .stop() 这样你就不会排队动画。