jquery - jqueryを使用してtrタグを削除した後、残りのtrタグを上にスライド

Question

jquery ajaxを使用して削除機能を実装しています。trレコードを削除し、そのレコードを表す を削除できます。ここで、コードに少しフレーバーを追加したいので、tr以下のスライドを作成して、削除されたの位置を次のtrような jqueryに置き換えようとしました。

 function () {
    tr.fadeOut('slow', function () {
        tr.remove();
    }).promise().done(function () {
        tr.nextAll("tr").slideUp();
 });

しかし、slideUpアニメーションは機能しません。削除されたtrものの下のすべてが消えてから、削除されたものの位置に置き換わるために再表示されます。見て、何が間違っているのか教えてください。完全なjqueryは次のとおりです。

$(document).ready(function () {    
    $("body").on("click", ".waiting", function (event) {
        event.preventDefault();        
        var tr = $(this).closest("tr");
        $.ajax({
            type: "POST",
            beforSend: function () { $("#waiting").show(); },
            url: $(this).attr("href"),
            data: { "id": $(this).attr("id") },
            success: function () {
                        tr.fadeOut('slow', function () {
                            tr.remove();
                        }).promise().done(function () {
                            tr.nextAll("tr").slideUp();
                     });
            },
            complete: function () { $("#waiting").hide(); }
        });
    });
})