I have some images I put through draggable in my droppable. When I move one this image out, it destroys another image... Here my JSfiddle :

http://jsfiddle.net/xpvt214o/174732/

You move a blue square to Section 1, if you drop out it disappear. Everything working fine except when you drop a blue square in the droppable inside the grey part, it break another blue square. What I want is that : if dropped on the grey part, it comes back to it's original position

I tried many things but I don't know how to achieve that... I even tried with positions but it didn't work

In fact, the problem for me is that when out is called, drop is called too but I don't need to have drop called when I call out...

Thanks for help!!