jquery - 在 jQuery 中淡出元素并在其余部分滑动

<分区>

关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前。

我在页面上加载了一个图像网格。它们本质上是彼此相邻的 div，当页面填满时，它会移动到下一行。

当我点击一张图片时，我希望该图片淡出，一旦动画完成，我希望其余元素滑入以填满它的位置。

我对点击和淡入淡出没有问题，只是剩下元素的滑动。目前，他们只是在动画完成后立即跳起来填补它的位置。

最佳答案

试试这个:

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

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

关于jquery - 在 jQuery 中淡出元素并在其余部分滑动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19252086/