I have two questions about animate.

1) Animate's callback is called once for every element matched
against. What's the proper way to handle a situation where you want
some code to run only once when all matched elements' animations have
finished? In pseduocode:

$("this matches 4 elements").animate({
  opacity: 0
}, "slow", function() {
  // run this code only one time after all 4 matched elements have
finished fading out
});

2) In what situations would you use animate's callback vs. queue/
dequeue and vice versa? They seem kind of interchangeable to me in
terms of using them to create a synchronous chain of events. Another
pseduocode example:

Why do this:

$("element").animate({
  property: value
}, "speed", function() {
  // do this when animation finishes
});

vs. this:

$("element").animate({
  property: value
}, "speed")
.queue(function() {
  // do this when animation finishes
  $(this).dequeue();
});


Thanks in advance for any insight anyone can provide. :)

Reply via email to