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

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();
})

示例小提琴