Как узнать, когда заканчивается эффект jquery, если есть анимированные элементы

Question

Учитывая следующий пример: если найдено 5 <li> элементов, обратный вызов запускает предупреждение 5 раз ...

Есть ли простой способ узнать, когда анимация действительно закончилась, и просто запустить один раз ?

$(this).parent().siblings('li').slideUp(500,function(){
    alert 
});

Answer 1

$.when($(this).parent().siblings('li').slideUp(500))
 .then(function() {
            alert('Finished!');
       });

Рабочая ДЕМО

when документы :

Описание: Обеспечиваетспособ выполнения функций обратного вызова на основе одного или нескольких объектов, обычно отложенных объектов, представляющих асинхронные события.