title: jQuery - Animate height not working as expected
body: <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>