How to apply an animation color effect on a div
<p>I have this jQuery function :</p>

<pre><code>$('.tracklistOff').find('.trackon').clone().insertAfter(($(param).parents('.trackon')));
</code></pre>

<p>I clone the div and I add it. The CSS class of <code>trackon</code> is :</p>

<pre><code>.trackon{width:710px; height:26px; color:#CCCCCC; font-weight:bold; float:left;}
</code></pre>

<p>I'd like, when I add it, to put a red background color of trackon, and shade it to black; a sort of fadeIn(), without starting from hide (but from red) and finish to the <code>trackon</code> background (in my context, should be white).
How can I do it without any plugins?</p>
