使用jQuery动画隐藏页面元素，而不会导致显示：none;

Question

我正在使用Uploadify插件将文件上传到我的服务器，我希望上传表单逐渐消失，进度条会在上传初始化后淡入。唯一的问题是，当上传表单获得display: none;属性时，Uploadify会停止工作，所有jQuery淡入淡出效果似乎都会在持续时间之后产生。

我尝试过：

$('#upload-form').css('opacity', 0);

哪个有效。隐藏表单后继续上传，但没有淡出效果。

任何解决方案？谢谢！

Answer 1

这可能是一种解决方法：

$('#upload-form').fadeTo(1000, 0.01, function() {
    $(this).css('opacity', 0);
});

Answer 2

您可以使用jQuery.animate：

$('#upload-form').animate({
    opacity: 0
}, 'slow');