jquery: как оживить движение?

Question

У меня есть список DIV, расположенных по вертикали, я уже использую .fadeOut(), чтобы удалить один из DIV в середине, но я не знаю, как создать медленный эффект перемещения для DIV под удаленным.

Как это сделать?

Answer 1

Чтобы получить как Fadeout и слайд, вы можете использовать отличный «оживлять» вызов:

$("#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