Fadeout元素和幻燈片在休息中jQuery

Question

我有一個圖像網格加載在頁面上。它們本質上是div的彼此相鄰，當頁面填滿時，它移動到下一行。

當我點擊圖片時，我希望圖片淡出，一旦動畫完成，我希望其餘的元素滑入以填滿它的位置。

我沒有問題，點擊和褪色，只是其餘元素的滑動。目前，只要動畫完成，他們就會跳起來填滿它的位置。

編輯： 忘記了的jsfiddle： http://jsfiddle.net/YuFqh/

Answer 1

試試這個：

$(".profileImage").click(function() { 
    $(this).animate({opacity: "0.0"}).animate({width: 0}).hide(0); 
}) 

動畫的不透明度爲0，淡出人們的視野之，然後將寬度設置爲0以重新獲得空間，然後隱藏它以將其從可見性中完全刪除。請注意，如果您想重新顯示，則必須恢復先前的值。

http://jsfiddle.net/Palpatim/YuFqh/2/

Answer 2

怎麼樣使用淡出回調

$(".profileImage").click(function() { 

    $(this).animate({opacity:0},400, function(){ 
      // sliding code goes here 
      $(this).animate({width:0},300).hide(); 
    }); 

});