jquery: simple animate question
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor">jQuery animate backgroundColor</a>  </p>
</blockquote>



<p><a href="http://johanberntsson.se/dev/fysiosteo/" rel="nofollow">http://johanberntsson.se/dev/fysiosteo/</a></p>

<p>If you hover the menu, i would like the main menu to fade out its backbgroundcolor to #fff over 1 second. But i cant get it to work. My code:</p>

<pre><code> $('#menu-main-menu').children('li').mouseout(function () {
            $(this).css('background', '#AFFFAF').animate({ 'background' : '#fff' }, 1000);
        });
</code></pre>

<p>I never use animate(), so ive probably missed something obvious. Thanks.</p>
