JQuery와/CSS - 포장 - DIV

Question

의 부드러운 변화 높이 나는 모든 내부-DIV 다른 높이를 가진 래퍼-DIV

<div id="wrapper"> 
    <div id="inner_1"></div> 
    <div id="inner_2"></div> 
    <div id="inner_3"></div> 
</div> 

에 중첩 된 DIV의 무리가 있습니다. 필자는 fadeIn/fadeOut()을 통해 내부 DIV를 표시/숨기기 때문에 래퍼의 높이가 작은 (inner_1)에서 높은 (inner_2)으로 점프하여 내부 DIV를 래핑합니다.

wrapper-DIV의 높이를 애니메이션하는 간단한 방법이 있나요? 내부 DIV 높이에 맞게 부드럽게 슬라이드 할 수 있습니까? 여기

예에 링크 : https://jsfiddle.net/a3wvxcuq/#

Answer 1

단지 .show().hide() 및 방법에 밀리 번호를 전달하고있는 div 원활 새로운 차원으로 전환한다.

Demo

그래서 그것은 단지 올바른 방향을 가리키고 있습니다.

지금 코드는 캔버스 그리고 당신은 예술가 있습니다) 화려한 외모

그래서 다른 방법 : Demo 2

하는 Nd, 우리는 여기에 승자가 것 같습니다. Demo 3