title: In jQuery, how do I animate the "max-height" CSS property?
body: <p>I can easily animate the "opacity" property</p>
  
  <pre><code>$("#blah").animate({ opacity: 0.5}, 1000);
  </code></pre>
  
  <p>How can I animate the max-height css property... example:</p>
  
  <pre><code>$("#blah").animate({ "max-height": 350}, 1000);
  </code></pre>
  
  <p>(hint, that code doesn't work)</p>
  
  <p><strong>EDIT: To answer the questions below:</strong></p>
  
  <ol>
  <li>There are multiple images all of css class "blah"</li>
  <li>The images are of random sizes, BUT they all have max-height: 100px</li>
  <li>When a user hovers over an image, I want it to animate the max-height (thereby smoothly un-restricting the height)</li>
  </ol>