Trying to change div background colors in a specified sequence
<p>Using JQuery's jquery.animate-colors-min.js plugin I am trying to change the background color of some div boxes in a sequence. </p>

<pre><code>$('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow')
</code></pre>

<p>Above is what i used to animate the first box which works fine but i dont know how I would go about initiating a callback (if possible) to animate the background-color of the next specified box.</p>

<p>This below is just an example of something that woulda been great although as expected it does not work</p>

<pre><code>    $('#firstbox').click(function(){

    $('#firstbox').animate({ backgroundColor: "#f6f6f6" }, 'slow'), function(){
                 $('#secondbox').animate({ backgroundColor: "#f6f6f6" }, 'slow');
        })
</code></pre>

<p>Any suggestions would be welcome.</p>

<p>Thanks</p>
