title: Animate CSS display
body: <p>Is there a way to animate the CSS display property in jQuery? I have the following:</p>
  
  <pre><code>$(".maincontent").css("display","block");
  </code></pre>
  
  <p>and want it to do something like this:</p>
  
  <pre><code>$(".maincontent").animate({"display": "block"}, 2500);
  </code></pre>