jquery - 为什么 hide() 的行为不同？

Question

我想通过单击元素(一个接一个)来删除它们。我快完成了，但遇到了一些问题。

我写了这段代码，工作正常。但这仅适用于 slide() 和 css()。这两个示例仅对我单击的元素有效。

$("#button").click(function(){
    var k = $("<p></p>").text("paragraph");
    $("#content").append(k);
});

$("#content").on("click","*",function(){
    $(this).slideToggle();
});

https://jsfiddle.net/k61Lb684/

https://jsfiddle.net/k61Lb684/1/

但问题是我想删除该元素但是当我尝试使用相同的方法remove()或hide()时，它只隐藏底部元素。

https://jsfiddle.net/k61Lb684/2/

https://jsfiddle.net/k61Lb684/3/

有人可以解释为什么 hide() 和 remove() 的行为不同。以及针对我的问题的更好解决方案？

Answer 1

隐藏和删除的工作方式相同。但默认情况下，两者都没有动画时间。所以两者都如此之快，以至于看起来最后一行将被删除。但事实是，底部元素向上滑动到列表中新的空白区域。

给隐藏动画时间时，您可以看到正确的行为:

$(this).hide(500);

<强> Working example.