等待jQuery中的多个动画

Question

我正在尝试验证两个元素。

对于GUI，如果其中任何一个为空，则在该文本框中为颜色设置动画。

问题是该函数不会等待它们两者进行动画处理。

最好的方法是什么？

我尝试了$.when，$.promise。似乎无法让它发挥作用？

增加：

如果需要，我希望发生两个动画。 完成所有动画或不动画完成后，运行以下命令：

if (ChargeID.val() != '' && Quantity.val() != '') {
        test = true;
    }

    else {
        alert('I think you forgot something');
        test = false;
    }


return test;

谢谢！

function TestValid(button) {

    var ChargeID = $(button).parent().parent().find('input[type=hidden]').eq(1);
    var Quantity = $(button).parent().parent().find('input[name=Quantity]').eq(0);
    var test = true;



    if (ChargeID.val() == '') {

        ChargeID.animate({ "background-color": "#D2F0C9" }, "fast", function () { ChargeID.animate({ "background-color": "#ffffff" }, "fast") })

    }

    if (Quantity.val() == '') {

        Quantity.animate({ "background-color": "#D2F0C9" }, "fast", function () { Quantity.animate({ "background-color": "#ffffff" }, "fast") })

    }


        if (ChargeID.val() != '' && Quantity.val() != '') {
            test = true;
        }

        else {
            alert('I think you forgot something');
            test = false;
        }


    return test;


}