javascript - 有没有更好的方法来编写这个简单的 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()