A slideup div using Jquery
<p>I have a div that is 250px tall and 160px wide. When the page is loaded the div will be hidden behind the content except for 30px. I am wondering how to make the div clickable so it will slideup to reveal the entire div. Thanks in advance.</p>

<pre><code>        &lt;script type="text/javascript"&gt;
            $('#maininfo').click(function() {
                $('.maininfo_tab').slideUp('slow', function() {
                // Animation complete.
             });
           });
&lt;/script&gt;
    &lt;div id="maininfo"&gt;
        &lt;div class="maininfo_tab" style="position:relative;margin-bottom:35px;"&gt;
</code></pre>
