動畫後的響應自動高度容器

Question

我通過javascript更改我的元素的高度（無法通過css從0更改爲自動）。

/* Function to animate height: auto */ 
function autoHeightAnimate(element, time){ 
    var curHeight = element.height(), // Get Default Height 
     autoHeight = element.css('height', 'auto').height(); // Get Auto Height 
      element.height(curHeight); // Reset to Default Height 
      element.stop().animate({ height: autoHeight }, time); // Animate to Auto Height 
} 

後，我調整我的瀏覽器窗口中的元素不會自動改變其高度，因爲它只是我點擊標籤之一前後發生了改變。 DEMO here。

是否有可能通過CSS以某種方式做到這一點？如果不是如何通過JavaScript/jQuery來做到這一點，以便在縮放我的瀏覽器窗口後進行更改？

Answer 1

在這種情況下，你可以從調整大小功能，使用和設置高度調整大小時發生這樣的：

$(window).resize(function() { 
     autoHeightAnimate('',''); 
});