title: Show and grow animation on page load in jQuery
body: <p>I'm trying to make a div show and then grow to its appropriate size. Here is my code so far:</p>
  
  <pre><code>$(document).ready(function() {
  $('#enlarge').css("visibility", "visible").animate({
      height:681, width:467
  }, 1000, "linear", function(){alert("all done");});
  </code></pre>
  
  <p>});</p>
  
  <p>My HTML is simple:</p>
  
  <pre><code>    &lt;div id="enlarge"&gt;&lt;span&gt;content here&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My CSS is even more simple:</p>
  
  <pre><code>#enlarge {
      height:0px;
      width:0px;
      background: url(../img/enlarge.png)no-repeat;
      z-index: 3;
      position:absolute;
      top:-50px;
      left:250px;
      visibility: hidden;
  }
  </code></pre>