jquery - jQuery: フェードアウトしてからスライドアップ

Question

アイテムが削除されている場合は、それをフェードアウトさせ、他の要素を上にスライドさせて空のスペースを埋めたいと思います。今、アイテムを使用fadeOut()すると、最後に高さがなく、他のアイテムが（うまくスライドするのではなく）跳ね上がります。

slideUp()の直後に要素を追加するにはどうすればよいfadeOut()ですか?

Answer 1

jQueryのfadeToコマンドを使用する方が良いようです

 $(function() {

     $("#myButton").click(function() {
         $("#myDiv").fadeTo("slow", 0.00, function(){ //fade
             $(this).slideUp("slow", function() { //slide up
                 $(this).remove(); //then remove from the DOM
             });
         });

     });

});

ここで作業デモ。

前のコマンドのコールバック関数で各コマンドを実行すると、前のコマンドが完了するまでコマンドは実行されません。「ジャンプ」は、slideUpが完了するのを待たずに要素がDOMから削除されたときに発生します。

Answer 2

$("#id").fadeIn(500, function () {

    $("#id2").slideUp(500).delay(800).fadeOut(400);

});

Answer 3

連鎖できないの？

$('myelement').fadeOut().slideUp();

編集：

多分これは代わりに役立ちますか？