Bootstrap - JqueryでDivを切り替える

Question

私はレスポンシブルフレームワークとしてブートストラップを使用していますが、コンテナもあります。また、ボタンを使用して切り替える2つのdivもあります。だから私は自分のHTMLをセットアップし、私の2番目のdiv私はそれを隠すために "none"にディスプレイを設定しました。しかし、JQuery fadeIn/fadeOutを使用すると、高さに関していくつかのシフト/拡大があることがわかります。

これを回避するために、私はAbsoluteにポジションを設定し、1番目と2番目のdivのz-indexを変更してもう一方が隠れるようにする必要があると思います。しかし、絶対を使用すると、ブートストラップコンテナが壊れます...ボタンがクリックされたときに高さがずれることなく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; 
}