アニメーション後の応答性の高い高さのコンテナ

Question

javascriptを使用して要素の高さを変更しています（CSSから0からautoに変更できませんでした）。

/* 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 
} 

私がChromeのウィンドウのサイズを変更した後、ラベルの1つをクリックした後にのみ変更されるため、要素の高さが自動的に変更されません。 DEMOはこちら。

何とかCSSで対応できますか？そして、私はブラウザウィンドウを拡大した後、javascript/jQueryを使ってそれをどうやって変更するのではないのですか？

Answer 1

あなたがサイズ変更機能から使用することができます。この例で

とリサイズはこのように起こったときの高さを設定します： `ゼロを拡大したときに

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