Перетаскиваемые события fullcalendar, облегчающие работу оставшихся DIV

Question

http://arshaw.com/js/fullcalendar-1.5.3/demos/external-dragging.html

В приведенной выше демонстрации fullcalendar, где внешние события из отдельной DIV (боковой панели) можно перетаскивать и перетаскивать в календарь, когда отмечен флажок "удалить после удаления", перетаскиваемое событие удаляется из списка после его перетаскивания в календарь. Я хотел бы добавить замедление или аналогичный эффект к другим DIV, которые остаются на боковой панели перетаскиваемых событий при удалении события, чтобы зритель знал, что что-то было удалено из списка. Существует ли способ jquery для перемещения оставшихся элементов (DIV) под удаленным элементом, чтобы при перетаскивании события 3 в календарь события 4 и 5 перемещались вверх, а событие 4 заменялось событием 3, и событие 5, занимающее место события 4? Как мне это сделать? Пожалуйста, объясните нубу. Спасибо!

Answer 1

Демо использует этот код для удаления отброшенного события

 // is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
    // if so, remove the element from the "Draggable Events" list
    $(this).remove();
}

+ Изменить $(this).remove() чтобы:

$(this).slideUp(function(){
     $(this).remove();
 });

Метод slideUp() будет анимировать свертывание события в списке

Ссылка на API jQuery: http://api.jquery.com/slideUp/