爲什麼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

hide和remove以相同的方式工作。但是兩者默認情況下都沒有animation時間。因此，兩者都如此之快，以至於看起來可見，最後一行將被刪除。但事實是，底層元素會滑動到列表中的新空白處。

給hide當一個時間你可以看到正確的行爲，它的動畫：

$(this).hide(500); 

Working example.