title: Bootstrap - Switching between Div with Jquery
body: <p>So I'm using bootstrap as my responsive framework and I have a container, row I  also have two div's that I'm going to be switching between using a button. So I setup my HTML and my second div I set the display to "none" to hide it. However when using Jquery fadeIn/fadeOut you can see there is some shifting/expanding in terms of the Height. </p>
  
  <p>Now I think to get around this I have to set the position to Absolute and also change the z-index of the first and second div so one is hidden behind the other. Using absolute however breaks the bootstrap container... So is there a way to switch the Div without the shifting in height when the button is clicked. Added some source so you can see what happens when to buttons are clicked.</p>
  
  <p><a href="http://www.bootply.com/hBNIHfCpxR" rel="nofollow">http://www.bootply.com/hBNIHfCpxR</a></p>