动画删除元素

Question

很简单，我有这个https://jsfiddle.net/8ffvtcta/我希望如此，当其中一个div元素被删除时，其他div向上移动动画，而不是从一个位置移动到另一个。

我该怎么做？感谢。

Answer 1

您只需使用.slideToggle()

即可

$('p').click(function() {
    $( $(this).attr('to-delete') ).css('position', 'relative');
    $( $(this).attr('to-delete') ).animate({left: '-=' + $(document).width() }, 150);
    $( $(this).attr('to-delete') ).slideToggle(150, function() { $( $(this).attr('to-delete') ).remove(); });
});

示例：https://jsfiddle.net/DinoMyte/8ffvtcta/3/

Answer 2

@DinoMyte有正确的答案。但是，看起来你原本试图淡出它。您可以通过向您的动画对象添加不透明度来实现此目的：

$('p').click(function() {
    $( $(this).attr('to-delete') ).css('position', 'relative');
    $( $(this).attr('to-delete') ).animate({
        left: '-=' + $(document).width(), 
        opacity:0 
    }, 150);
    $( $(this).attr('to-delete') ).slideToggle(150);
});