The Drag.Move.Collide class makes it easy to detect when two or more elements collide when dragging another element.
Similar to Drag.Move, Drag.Move.Collide needs all of the same informations.
new Drag.Move.Collide(document.id('drag'), {
container: $$('#collision>div')[0],
droppables: $$('#collision .drop'),
onCollide: function(element, droppable){
droppable.setStyle('background', '#E79D35');
},
onLeaveCollision: function(element, droppable){
droppable.setStyle('background', '#6B7B95');
},
onDrop: function(element, droppable){
if (droppable) droppable.setStyle('background', '#C17878');
}
});