在jQuery中淡出元素并滑入其余部分

我有一个页面上加载的图像网格。它们本质上是相邻的

div

，当页面填满时，它会移动到下一行

当我单击一个图像时，我希望该图像淡出，动画完成后，我希望其余元素滑入以填充其斑点

我对点击和淡入没有问题，只是剩余元素的滑动。目前，动画一完成，他们就跳起来填满它的位置

编辑： 忘记了JSFIDLE：

---

使用淡出回调怎么样

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

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

});

---

使用淡出回调怎么样

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

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

});

试试这个：

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

将不透明度设置为0以使其从视图中淡出，然后将宽度设置为0以恢复空间，然后将其隐藏以将其从可见性中完全移除。请注意，如果要重新显示，必须恢复以前的值

试试这个：

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

将不透明度设置为0以使其从视图中淡出，然后将宽度设置为0以恢复空间，然后将其隐藏以将其从可见性中完全移除。请注意，如果要重新显示，必须恢复以前的值

---

您是否尝试过以某种形式使用该函数？在实际隐藏图像之前，您可能会被迫将元素的高度设置为0。我查看了它，但我不太确定如何实现它，@TusharGupta抱歉，我忘了包含它！我的坏蛋你有没有尝试过以某种形式使用这个函数？在实际隐藏图像之前，您可能会被迫将元素的高度设置为0。我查看了它，但我不太确定如何实现它，@TusharGupta抱歉，我忘了包含它！我的宝贝这正是我需要的！非常感谢。这正是我需要的！非常感谢。