title: When I hide some div elements, and fadeIn other div elements in their place, the divs fading in appear to "jump"?
body: <p>The action I am talking about can be <a href="http://mixtape.meteor.com" rel="nofollow">recreated here</a>.</p>
  
  <p>Search for a video using the search bar and then hit the <code>Play</code> button down below. You will see that the player "jumps" up to collect its spot. </p>
  
  <p>How do I resolve that behaviour such that it smoothly fades in at that location? </p>
  
  <p>The following is the code that is run to perform the toggle:</p>
  
  <pre><code>    /*The elements that get hidden are below*/
      $("#playlist").css('display','none');
      $("#button_control").hide();
      $("#search-group").hide();
      $("#playlist_container").hide();
  
      /*The element that becomes visible (AND JUMPS!) below*/
      $("#player-list_container").fadeIn(1000);
  </code></pre>