使用淡入淡出效果重新排列div-FadeOut效果

Question

我有我想重新排列的divs的列表。這需要使用javascript/jquery完成，因爲在html已經加載後，這些值來自AJAX調用。

我發現了幾個方面做一個簡單的重新排序，但我想補充fadeIn和fadeOut效果，讓用戶看到實際的重新排序，而不是隻看到divs突然消失，彈出。

This jsfiddle有我的代碼的簡化版本，沒有fadeOut的影響。

我又試圖通過更換

$(currentResult).remove(); 
$(currentResult).hide().insertBefore($(relevantResults[j])).fadeTo('slow', 1); 

：

$(currentResult).fadeOut("slow").promise().done(function(){ 
     $(currentResult).hide().insertBefore($(relevantResults[j])).fadeIn('slow'); 
}); 

，以獲得所需的效果。但沒有插入任何內容。

任何想法如何實現？

Answer 1

嘗試：

$(currentResult).hide('fast', function() { 
    $(this).insertBefore($(relevantResults[j])).show('fast'); 
});