有没有更好的方法来编写这个简单的jQuery系列？

Question

我正在学习jQuery，我编写了一个非常简单的脚本，效果很好。现在我想知道是否有更好的方法来写这一行。

$("form").submit(function() {
    $('div.beforeRecover').animate({ opacity: 'toggle' }, 300).delay(800);
    $('div.betweenRecover').animate({ opacity: 'toggle' }, 200).delay(1200);
    $('div.betweenRecover').animate({ opacity: 'toggle' }, 800);
    $('div.afterRecover').delay(1800).animate({ opacity: 'toggle' }, 1400);
    return false;
});

简要解释一下：

1. 表单已提交
2. 表格淡出
3. 正在加载gif
4. 加载gif淡化
5. 出现确认消息。

我感谢任何帮助！

Answer 1

var fadeToggle = { opacity: 'toggle' };

$("form").submit(function() {

    $('div.beforeRecover').animate(fadeToggle, 300).delay(800);

    $('div.betweenRecover')
        .animate(fadeToggle, 200).delay(1200)
        .animate(fadeToggle, 800).delay(1800);

    $('div.afterRecover').animate(fadeToggle, 1400);

    return false;
});

事实上，有一个名为.fadeToggle()

的完整单独方法