使用淡入淡出效果重新排列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'); 
});