Height not setting to the actual height of the div
<p>I have a DIV that slides open to the height of the content, but for some reason on divs that have no content it's calculating the height wrong.</p>

<p>The 2nd blog entry down (Thoma) is a good example when expanded.</p>

<p><a href="http://dririser.co.uk/index.php" rel="nofollow">http://dririser.co.uk/index.php</a></p>

<p>The 'data-height' is 108px but it's setting the height of the DIV to 360px. The DIVs with content in work fine, it sets the correct height but seems to come to the wrong calculation on DIVs with no content in.</p>

<p>This is basically the jist of the code.</p>

<p>Set the hight as a value on the div.</p>

<pre><code>$(".articleSlide").each(function () {
    var current = $(this);
    current.attr("data-height", current.height());
});
</code></pre>

<p>Set a variable then apply the height.</p>

<pre><code>$(".showTeamList").toggle(function() {
    var open_height = $(".articleSlide").attr("data-height") + "px";
    $(this).parent().parent().animate({"height": open_height}, "slow" );
 }, function() {
    $(this).parent().parent().animate({"height": "35"}, "slow" );
});
</code></pre>
