CSS and animate() in jquery
<p>I'm trying to make navigation with some effects but my jquery code dosen't works like I expected.
Actually I want to pass this css statement background: #ccc url('image.jpg') no-repeat; to animate function.</p>

<p>How to do that ?</p>

<pre><code>&lt;ul&gt;
     &lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;

        $('ul li').hover(function() {    

            $(this).animate({
               'background' : '#ccc' 
            }, 'fast');
        }
        });
</code></pre>
