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