JQuery is sorted, dragged between two lists, cancels the fall: how to animate?

Question

I have two HTML lists, and I use jQuery sorting to drag between them. It works great.

A receive event occurs when a drag-and-drop list item is deleted to the second list. In this case, the handler, in some cases I call

$(ui.sender).sortable('cancel'); 

which cancels the deletion and returns the list item to its original position in the first list.

My question is: how can I animate the movement of a list item back to its original position? At the moment, the item will snap back.

Thanks!

Answer 1

I managed to bridge this problem using a combination of jqueryUI draggable and sortable .