부트 스트랩 - Jquery로 Div를 전환하는 중

Question

그래서 반응이있는 프레임 워크로 부트 스트랩을 사용하고 있습니다. 컨테이너가 있고, 행에도 두 개의 div가 있습니다. 버튼을 사용하여 전환 할 것입니다. 그래서 내 HTML을 설정하고 내 두 번째 div는 "none"으로 표시를 설정하여 숨 깁니다. 그러나 Jquery fadeIn/fadeOut을 사용하면 높이에 따라 일부 이동/확대가 있음을 알 수 있습니다.

이제 나는 Absolute로 위치를 설정해야하고 첫 번째와 두 번째 div의 Z- 인덱스도 변경해야 하나가 다른 것에 숨겨 지도록해야한다고 생각합니다. 그러나 절대 사용하면 부트 스트랩 컨테이너가 나옵니다 ... 그래서 버튼을 클릭했을 때 높이가 이동하지 않고 Div를 전환하는 방법이 있습니다. 버튼을 클릭 할 때 발생하는 상황을 볼 수 있도록 일부 소스가 추가되었습니다.

http://www.bootply.com/hBNIHfCpxR

Answer 1

이 시도 :

http://www.bootply.com/PIG2icyErI

관련 CSS :

.row { 
    position: relative; 
    padding-top: 50px; 
    } 

#content-one, #content-two { 
    position: absolute; 
    width: 100%; 
    top: 0; 
}