jquery：移動をアニメーション化する方法

Question

DIVのリストが縦に並んでいますが、すでに.fadeOut（）を使用して途中のDIVを削除していますが、削除されたDIVのDIVのゆっくりとした移動効果を生成する方法はわかりません。

どうすればよいですか？

Answer 1

フェードアウトやスライドアップの両方を取得するには、優れた「アニメイト」コールを使用することができます

$("#mydiv").animate({ opacity: "0", height: "0" }); 

を

Answer 2

はこのような何かをしようと...続きを読む参照用

$('#clickme').click(function() { 
$('#div').slideUp('slow', function() { 
// Animation complete. 
});}); 

example

この.. slideUp

Answer 3

はこれを試して、

for (var i = 0; i < 5; i++) { 
    $("<div>").appendTo(document.body); 
} 
$("div").click(function() { 
    $(this).hide(2000, function() { 
    $(this).remove(); 
    }); 
}); 

参照here