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

Question

例如我们有这样的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();

淡出后，其余项目同时向上移动。有可能动画这个向上移动吗？

Answer 1

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

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

示例小提琴