как ждать на родительском элементе, пока дочерние объекты не остановят анимацию()

Question

Я получил кучу элементов LI, анимационных (slideDown) внутри UL. После завершения LI анимации я хочу добавить элемент A-HREF ниже UL.

Существует проблема - если я использую

$('li').animate(SPEED, callback) 

ждать Lis закончить свою анимацию, мой обратный вызов будет называться п раз (п = кол-LI) - если у меня есть 20 Lis, 20 A -HREF будут добавлены ниже UL. Мне нужно использовать один A-HREF, другими словами, мне нужно подождать, пока LI не закончит свою анимацию, а затем не начнет обратный вызов ONE.

Любая идея?

Answer 1

попробовать,

$('li').animate(SPEED, callback); 

callback = function(){ 
    if ($(this).siblings(':animated').length < 1) { // check if other li's are still animating... 
     // do parent animation or anything here... 
    } 
} 

Answer 2

Можете ли вы не использовать элемент UL для своей анимации, это обеспечит только один обратный вызов.

Если вы не можете этого сделать, пожалуйста, объясните свои причины, это довольно сложно предложить другим.