simpleton javascript question - how do I fade this in
<p>I've read the docs but still a bit confused. I have the following:</p>

<pre><code>$(document).ready(function(){
    $('#trynow').click(function(){
    $('#hiddenContent').dialog({ height: 700, width: 600, modal: true });
    });                          
});
</code></pre>

<p>that uses the jquery UI library to show a modal box with a form in it. I'd like both the background and modal box to fade in or fade out and I know there the options to do that with jquery and the UI plugin but I'm buggered if I can figure out what wraps what where and in what.</p>
