jQuery div opacity management
<p>I am having trouble getting this jQuery to work. I am trying to toggle overlaid divs' visibility. There are five divs and one has the class of 'on' with page load while the rest have the class 'off'. However, when the code executes, the "on" div fades out but the div that should receive the class "on" does not appear. What is the problem?</p>

<pre><code>.on{opacity:1;}
.off{opacity:0;)

$('li.tunes').click(
    function() { 
    $('div.on').animate({"opacity":"0"},800).removeClass('on').addClass('off', function()     {
$('div.tunesdiv').removeClass('off').addClass('on')
})
});
</code></pre>
