Hi,
I have options with gray border and selected with gray background:
<div class="options">
<div class="item">Criancas</div>
<div class="item">Bebes</div>
<div class="item">Brinquedos</div>
</div>
<div class="selected">
</div>
On javascript part all of items are Draggable. And have the function onRelease that checks if the item "hit" the "selected" div.
All works fine, but the final animation. When I Drag the item is ok, but when i release it, the animation to go "back" to the x:0 and y:0 of the new parent starts from the another side of screen.
When the item change parent they get new x and y and the release animation starts from that new coordinates.
How can i make the release animation starts from the actual coordinates relative to the new parent and avoid this bump?
Thks