add slideUp and slideDown to hidden divs
<p>I'm using the below to create a fade-in and fade-out effect on a hidden div on a FAQ page. Problem is, it makes the hidden div snap open and closed which is quite irritating. I'm not too hot on javascript and can't figure out how to get <code>slideUp</code> and <code>slideDown</code> into this, as I'd like it to also slide up and slide down. Is there any way to get a sliding function into this script? Thanks.</p>

<pre><code>$(document).ready(function() {                                  
    $("a[name^='faq-']").each(function() {
        $(this).click(function() {
            if( $("#" + this.name).is(':hidden') ) {
                $("#" + this.name).fadeIn('slow');
            } else {
                $("#" + this.name).fadeOut('slow');
            }           
            return false;
        });
    });
});
</code></pre>
