declaring css properties in a css file for jquery .animate()
<p>While implementing jquery <code>.animate()</code>, I've to write like</p>

<pre><code>$('#clickme').click(function() {
  $('#book').animate({
    width: '200px',
    height: '500px'
  })
})
</code></pre>

<p>Isn't there some way to write the css properties in a css file and just do the 'animate' by including the css property??</p>

<p>Something like</p>

<pre><code>.move{
    width: '200px',
    height: '500px'
}
</code></pre>

<p>Then</p>

<pre><code>$('#book').animate({
    // include the .move css class somehow 
})
</code></pre>

<p>I tried using <code>$( "#effect" ).addClass( "newClass", 1000 );</code> but there is no animation, the properties just seem to be assigned after the duration declared!!</p>
