last callback in JQuery not functioning

Hello guys,

I'm new to JQuery. Very new. I wrote some functions using callbacks. I wanted them to happen in sequence. the first 2 functions happen but the 3rd (#blackcontainer), does not happen.

#blackfill should animate, then when completed, #grid should animate, then when completed, #blackcontainer should animate.

Did I code this wrong?


$(function(){
$("#blackfill").animate({height:'toggle'},600,function(){
$("#grid").animate({height:'toggle'},500),function(){
$("#blackcontainer").animate({width:'toggle'},400)};
});
});

Yes you did


$("#grid").animate({height:'toggle'},500),function(){
^--- This parenthesis
$("#blackcontainer").animate({width:'toggle'},400)
};
^--- should be here

I appreciate the help. Thanks for pointing it out for me. I'm still learning.

thanks again.