title: how do i animate a specific height to 100% in jquery
body: <p>i want to have a little "preview" of the content in the div, so i made it so small that only only the first line is shown. now i want to animate it that when you click the title, the div will have the height of 100%, but when i use animate(height:"100%") there is no nice sliding.</p>
  
  <pre><code>&lt;a href="javascript:void(0);" class="show_it"&gt;title:&lt;/a&gt;
  &lt;div&gt;
      content&lt;br&gt;
      content_hidden
  &lt;/div&gt;
  
  &lt;script&gt;
  $('.show_it').click(function() {
    $(this).next("div").animate({
      height: 'auto'
    }, 1000, function() {
    });
  });
  &lt;/script&gt;
  
  &lt;style&gt;
  div{
      height:20px;
      overflow:hidden;
  }
  &lt;/style&gt;
  </code></pre>