title: slideUp/slideDown is not consistent
body: <p>I want to <code>slideDown()</code> a <code>div</code> when the appropriate <code>radio</code> is selected, and <code>slideUp</code> the active one. </p>
  
  <p>However, as it is now, in some cases it's being pushed down, in other cases pushed up. </p>
  
  <p>(Private -> Shop = Up, Shop -> Private = Down)</p>
  
  <p>I want it to always be pushed down. What am I doing wrong?</p>
  
  <p>Here's the current state on JSFiddle: <a href="http://jsfiddle.net/mfmU7/" rel="nofollow">http://jsfiddle.net/mfmU7/</a></p>
  
  <p>And the raw Javascript code:</p>
  
  <pre><code>$(document).ready(function() {
  
      $("#private").click(function() {
  
          $('#registration-brand, #registration-shop').slideUp();
          $('#registration-private').slideDown();         
  
      });
  
      $("#shop").click(function() {
  
          $('#registration-brand, #registration-private').slideUp();
          $('#registration-shop').slideDown();
  
      });
  
      $("#brand").click(function() {
  
          $('#registration-shop, #registration-private').slideUp();
          $('#registration-brand').slideDown();
  
      });
  
  });
  </code></pre>