jQuery won't update height
<p>I'm having problems with the jQuery .height() function.</p>

<p>Final result should be an div with an dynamic height as the text changes. Therefore I have an wrapper div and an content div inside that wrapper. The text is in hidden div's somwhere else in the DOM, and 'imported' with .html() function and an simulated fadeIn/Out with setting the opacity to 0 and then back to 1.</p>

<p>When I try to change the content, the wrapper resizes, but with the old height value. I just can't manage to get the current value of the content div...</p>

<p>This is where the magic should happen...</p>

<pre><code>nav.click(function() {
    contDiv.animate({opacity:0}, 200, function() {
        contDiv.html(currCont);
        contDiv.animate({opacity:1}, 200);
    });

    wrapper.animate({height:contDiv.height()},200);
});
</code></pre>
