title: Smooth color change in js
body: <p>I have this line of code, which after some event changes color:</p>
  
  <pre><code>$('li', this).css('color', '#fff');
  </code></pre>
  
  <p>How to modify it to change colour smoothly, so it takes eg 1 second to fade between the original color and #fff ?</p>
  
  <p>I know it's very easy, but i haven't done it for a while and forgot.
  thanks</p>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/tucado/pftbf/1/" rel="nofollow">HERE</a></p>