jquery - 複数の jQuery エフェクトを同時に実行する方法

Question

私は箱を持っています。jQueryではhide()に設定しています。フェードインすると同時に、上から下に移動する必要があります。上から下までの長さに関係なく、ボックスが上から移動を開始したときにフェードイン効果が開始され、ボックスが上から移動を完了したときにフェード効果が完了する場合があります。

これが私が試したことです。

<div id="div1">div</div>

と

$("#div1").animate({"margin-top": 200,});
$('#div1').fadeIn("slow");

しかし、2 つの関数は異なる時間を使用します。これどうやってするの？

ここに作業フィドルがあります。

Answer 1

animate同じ呼び出しで css を使用して両方のアニメーションを実行してみてください。

http://jsfiddle.net/xHrBq/

$("#div1").animate({
    'margin-top': 300,
    'opacity': 1
}, 1000);