Uma sequência de animação não aninhada no jQuery?
Estou tentando criar uma sequência de animação com o jQuery, onde uma animação é iniciada após a conclusão da anterior. Mas eu simplesmente não consigo entender. Tentei fazer uso do jQuery.queue, mas acho que não posso usá-lo porque parece ter uma fila individual para cada elemento na matriz jQuery.
Preciso de algo como:
$('li.some').each(function(){
// Add to queue
$(this).animate({ width: '+=100' }, 'fast', function(){
// Remove from queue
// Start next animation
});
});
Existe uma maneira jQuery de fazer isso ou eu tenho que escrever e manipular minha própria fila manualment