애니메이션 후 반응 형 자동 높이 컨테이너

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 
} 

내 크롬 창 I 레이블 중 하나를 클릭 후에 만 ​​변경하기 때문에 요소가 자동으로 높이를 변경하지 않고 크기를 조정 한 후. DEMO 여기에 있습니다.

CSS를 통해 어떻게 든 할 수 있습니까? 그리고 브라우저 창 크기를 조정 한 후에 javascript/jQuery를 통해 변경하는 방법을 변경하지 않으려면 어떻게해야합니까?

Answer 1

당신이 크기 조정 기능에서 사용할 수 있습니다이 경우

및 크기 조정은 다음과 같이 일어 났을 때 높이를 설정 :`제로를 확대 할 때

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