淡入淡出元素并在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

如何使用fadeOut回调

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

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

});