jQuery - Animate height not working as expected
<p>Can't seem to get this to work, any ideas?</p>

<p><a href="http://jsfiddle.net/U92bM/" rel="nofollow">http://jsfiddle.net/U92bM/</a></p>

<p>JavaScript:</p>

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

$(".articleSlide").css("height", "100px");

$(".showHide").html('&lt;a href="#"&gt;More&lt;/a&gt;');

$('.showHide a').click(function() {
    var open_height = $(".articleSlide").attr("box_h") + "px";
    $(this).closest("articleSlide").animate({"height": open_height}, {duration: "slow" });  
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="articleSlide"&gt;
    &lt;!-- lots of text --&gt;
&lt;/div&gt;

&lt;div class="showHide"&gt;&lt;/div&gt;
</code></pre>
