javascript - Jqueryで、divをAからBにスムーズにスライドさせて、別のdivがAでフェードインするようにするにはどうすればよいですか？

Question

私はこれを試しました：

$('#hidden_div').fadeIn();

しかし、私がスムーズにスライドダウンしたいdivは、次の位置にテレポートするだけです。（スムーズにスライドさせたい）それでは：

$('#sliding_div').animate({marginTop: '+=400px'},1000);
$('#hidden_div').fadeIn();

しかし、私は正しい効果を得ることができませんでした。どうすればそれを達成できますか？前もって感謝します。

Answer 1

$('#sliding_div').animate({marginTop: '+=400px', opacity:1},1000);

その前に、#sliding_div opacity を 0 に設定します

Answer 2

あなたが求めている効果を理解したら、完了fadeIn()後に 2 番目の divを実行する必要がありますanimate()。callbackのパラメーターを使用animate()してこれを行うことができます。

$('#sliding_div').animate(
    { marginTop: '+=400px' },
    1000,
    function() {
        $('#hidden_div').fadeIn();
    }
);

Answer 3

これはよりスムーズなバージョンです: http://jsfiddle.net/W8AtL/4/

This fixes the jump from it being marginTop.