javascript - 淡化项目并将其删除后的动画列表

例如我们有这样的html代码:

<ul>
    <li id="1">1</li>
    <li id="2">2</li>
    <li id="3">3</li>
    <li id="4">4</li>
</ul>

还有这样的js

$('#1').fadeOut().remove();

淡出后，剩余的项目同时向上移动。是否可以为这种向上移动设置动画？

最佳答案

使用 animate 淡化不透明度，然后在淡化完成后使用回调执行 slideUp()。

$('#1').animate({ 'opacity': 0 }, 1000, function() {
    $(this).slideUp();
})

关于javascript - 淡化项目并将其删除后的动画列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18147882/