CSS刪除DOM上的高度過渡？

Question

請檢查以下小提琴：http://jsfiddle.net/tWUVe/

當您單擊div，該p的被刪除了，我想到的是，div的高度，將animted，但沒有動畫發生。我如何才能用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