jQuery fadeOut problem
<p>I am making a site that requires the content area of the site be faded out when the user clicks a btn. The btn is a simple anchor tag. I have had some help from other S.O users on this and nearly got it working just fine. The problem I have is that it will not fade out. Here is the jquery code:</p>

<pre><code>$("#show-background").click(function () {
if ($("#content-area").hasClass("bg_hidden")){
    $("#content-area")
    .removeClass("bg_hidden")
    .stop()
    .fadeIn("slow");
    $(this).text("Show Background");
          }
else{
    $("#content-area")
    .addClass("bg_hidden")
    .stop()
    .fadeOut("slow");
     $(this).text("Show Text");
          }
});
</code></pre>

<p>A sample can be found here www.nicklansdell.com/sample/services.html I wonder if any one can help? Many thanks in advance.</p>
