jQuery: slideDown jumpy after slideUp — height problem?
<p>This is a common problem, outlined <a href="http://stackoverflow.com/questions/4995445/jquery-box-height-problem-using-slideup-down">here</a> and <a href="http://jqueryfordesigners.com/slidedown-animation-jump-revisited/" rel="nofollow">here</a>, however I can't find a solution to it.</p>

<p>I have a container (#a) that I load external files into. First the current content is hidden with a slideUp function, then the new content is loaded and finally the container appears with a slideDown. However the animation is jumpy because when it slideDown it calculates the height of the previous content. How can I make it calculate the height of the new content instead?</p>

<p>You can see <a href="http://www.productsofmagnus.com/x/load/" rel="nofollow">the problem in action here</a> (click one of the three first links in the left column) and here is the jQuery:</p>

<pre><code>$('.kolonne a').click(function() {

    var url = $(this).attr('rel');
        $('#a').slideUp(function() {
        $(this).load(url); 
    }); 

    $('#a').slideDown();

}); 
</code></pre>
