jQuery 延迟 CSS 更改

Question

我想为此 jQuery 函数添加 300 毫秒的延迟，但不能 100% 确定它应该位于何处？

我知道我需要添加 .delay(300) 但不太确定它在下面代码中的位置。

$("#menu1-holder").mouseleave(function(){
    $('#menu1-holder').css('display', 'none');
});

或者...我应该使用 setTimeout 吗？如果可以，应该放在哪里？

Answer 1

$("#menu1-holder").mouseleave(function(){
var that = $(this);
setTimeout(function(){
   that.css('display', 'none');
}, 300);    
});