jQueryのアニメーション：二つの部分

Question

次のコードスニペットはsmootheアニメーションで実行している中で1つのアニメーションを分割：

$('button').animate({ 
     'margin-top': 123, 
     'opacity': 1 
    }, 500); 

ISは2つのアニメーションをキューイングの効果を持つことなく、2つのコマンドでそれを分割する何とか可能ですか？

jQelems.$divSlideButtonLeft.animate({ 
     'margin-top': 123, 
    }, 500); 

    jQelems.$divSlideButtonLeft.animate({ 
     'opacity': 1 
    }, 500); 

目的は、異なる機能の1つのオブジェクトのアニメーションを分離できるようにすることです。

Answer 1

私が正しくあなたの質問を理解していれば、あなたはanimate()のthe second formを使用してqueueオプションでfalseを渡すことができます。

jQelems.$divSlideButtonLeft.animate({ 
    "margin-top": 123 
}, { 
    duration: 500, 
    queue: false 
}); 

jQelems.$divSlideButtonLeft.animate({ 
    opacity: 1 
}, { 
    duration: 500, 
    queue: false 
}); 

ドキュメントは言う：

queue：配置するかどうかを示すブール エフェクトキュー内のアニメーション。 falseの場合、アニメーションはすぐに開始されます。

Answer 2

最初の部分アニメーションのコールバック関数で不透明度を呼び出すことができます。

$('button').animate({'margin-top': 123,}, 500, function(){ 
$('button').animate({ 'opacity': 1}, 500) 
}); 

両方のアニメーションが順番に繰り返されます。