javascript - 动画移除元素

标签 javascript jquery html css

<分区>

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

我该怎么做?谢谢。

最佳答案

您可以简单地使用 .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/

关于javascript - 动画移除元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34425574/

相关文章:

javascript - 如何在javascript中使用正则表达式

javascript - 让 d3 矩形跨越整行

javascript - Chrome 扩展程序的 HTML/Javascript 不能正常工作

javascript - 如何在keyIsDown函数中使用ASCII码

javascript - 使用 Javascript 将哈希表结果转换为字符串

jquery - 使 DIV 在页面加载时出现(滑出)的最佳方法?

javascript - 条件语句 jQuery 中提到的目标单个元素

javascript - jQuery:如何让克隆的 div 始终出现在容器底部?

javascript - 调整浏览器窗口大小时不显示响应式导航栏

javascript - 如何解决 ChunkLoadError : Loading hot update chunk second_app failed in webpack 5?