DOM删除时的CSS3高度转换？

Question

请检查以下小提琴：http://jsfiddle.net/tWUVe/

当您点击div时，p会被删除，我希望div的高度会被限制，但不会发生动画。如何仅使用CSS3实现动画？

Answer 1

问题在于没有机会进行过渡。我的意思是，当删除元素时，它们会立即从文档流中取出，如果需要，可以在不进行转换的情况下调整父级的大小。

作为对此的修复，您可以设置段落的高度（或类似的方法）

$('div').click(function() {
    var $thisDiv = $(this);
    $thisDiv.find('p').css({'height':'0px','margin':'0px'}); // Change p height

    // Remove after transition
    setTimeout(function() { $thisDiv.find('p').remove(); }, 1000); 
});

Demo