jQuery - How to slide the bottom part up after the top part is fadeout?
<p>I have a page as follows:</p>

<pre><code>&lt;div id="warning_msg"&gt;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo.
&lt;span id="closeerrordiv" class="notify-close"&gt;×&lt;/span&gt;
&lt;/div&gt;
&lt;div id="bigForm2"&gt;
    Lots of content here    
&lt;/div&gt;
&lt;div id="bigForm..."&gt;
&lt;/div&gt;
&lt;div id="footer"&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;    
$(document).ready(function() {
    $('#closeerrordiv').click(function() {
        $(this).parent().fadeOut('slow');
    });
});    
&lt;/script&gt;
</code></pre>

<p>After the user clicks 'closeerrordiv', the span content will fadeout.
Now, I need to move all the bottom parts move up.</p>

<p>Howe can I do this?</p>
