jquery fadeOut() works but slideUp() doesn't
<p>Very simple script here but I can't work out why it's not working. </p>

<p>HTML: </p>

<pre><code>&lt;div class="services-tab"&gt;...&lt;/div&gt;

&lt;div id="services-content"&gt;...&lt;/div&gt;
</code></pre>

<p>javascript:</p>

<pre><code>$(document).ready(function(){
  $(".services-tab").click(function(){
    $("#services-content").slideUp();
  });
});
</code></pre>

<p>If I replace slideUp() with fadeOut() it works, but this isn't the effect that I want. What am I doing wrong?</p>
