title: animate jQuery attribute can't use variables?
body: <p>After declaring <code>height()</code> variables for multiple loaded elements which have different variables for each, the <code>animate()</code> function doesn't seem to be loading the variable <code>excHeight</code>.</p>
  
  <p>What would be the best way to use the value of <code>excHeight</code> for the <code>animate()</code> as below?</p>
  
  <pre><code>$(".exPand a").click(function (event) {
      event.preventDefault();
  
      var post_id = $(this).attr("rel");
  
      var postHeight = $(this).closest('.boxy')
                              .find('.articleImageThumb')
                              .height();
  
      var excHeight = $(this).closest('boxy')
                             .find('.articleImageThumb')
                             .find('.initialPostLoad')
                             .height();
  
      $.ajaxSetup({cache:false});
  
      $(this).closest('.boxy')
             .animate({height: postHeight+excHeight}, 1000);
  
      $(this).closest('.boxy')
             .find('.articleImageThumb')
         .animate({top: 0}, 1000);
  
      $(this).closest('.boxy').find('.articleTitle')
      .animate({bottom: excHeight}, 1000);
  
      $(this).closest('.boxy').find('.postmetadata')
      .animate({bottom: excHeight}, 1000);
  });
  </code></pre>