title: JQuery slideUp/slideDown doesn't work as supposed to
body: <p>I am struggling to make a div which will disappear after the slideUp() action.</p>
  
  <p>html:  </p>
  
  <pre><code>&lt;div class="rounded gradient" id="BCBox"&gt;
      &lt;ul class="BCSelect"&gt;
          &lt;li style="text-align:left;"&gt;Welcome &lt;b&gt;Username&lt;/b&gt;,&lt;br/&gt;&lt;br/&gt;Bla Bla Bla: &lt;/li&gt;
          &lt;li&gt;
          &lt;div class="button2 BCButton"&gt;
          &lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  ​
  </code></pre>
  
  <p>javascript:  </p>
  
  <pre><code>$('#BCBox').height($('#BCBox').height());
  $('#BCBox').slideUp();​
  </code></pre>
  
  <p>You can see a demo here: <a href="http://jsfiddle.net/4feU9/7/" rel="nofollow">http://jsfiddle.net/4feU9/7/</a></p>
  
  <p>Somehow the box doesn't want to animate the way it is supposed to... It slides up very fast. can you help? What am I doing wrong?</p>