Thread: Javascript/JQuery question

Soooo, I know its not JAVA per se, but its pretty close.
Basically, if anyone here has any animation-handling skeelz in jQuery, youre more than welcome to help out .

I basically want 2 different divs to be animated AFTER eachother by pressing one of them. I've got the animations working ofc, but I've tried everything to make them not start at the same time:

Queing them, using callback for the second animation, upping/downing the speeds, changing the duration instead of the time attribute etc.

The code itself is :

function enlargeMovie(){
	$('#movieExtender').animate({ 
	paddingBottom: "77px"
  },  700 );	
	document.getElementById('movieBox').style.visibility="visible";
	$('#movieBox').animate({ 
	width: "475px"
  },  700);	
}

and the result can be seen on Judetub (press the movie "button" to extend a slider).

Thx
// Charlie

Try:

 $('#movieExtender').animate({paddingBottom: "77px"}, 700, function() {	
	$('#movieBox').show().animate({width: "475px"},  700);
});