Question

How do I include a Javascript function in the middle of the animate queue? For example I would like to call alert() in between these two jQuery functions to animate the height property:

 $('#divContainer').animate({ height: "200px" }, 'slow').alert('alert goes here').animate({ height: "50px" }, 'slow');

Answer 1

That’s what .queue() ^[docs] is for:

$('#divContainer')
  .animate({ height: "200px" }, 'slow')
  .queue(function(next){
      alert('alert goes here');
      next();
  })
  .animate({ height: "50px" }, 'slow');