jQueryUI droppable, stop propagation to overlapped sibling

Question

As you can see here: http://jsfiddle.net/rA4CB/6/

When I make the drop in the overlapped area it is received in both droppables, greedy doesn\'t work when the items

Answer 1

It's very similar to invertedSpear answer. I had to change it a little bit because enabling/disabling inside "over"/"out" didn't work for me .I had to do below instead

$("#droppable2").droppable({
    greedy: true,
    drop: function (event, ui) {
        $("droppable").droppable("disable");
    }
}

I had to explicitly enable"droppable" div when I needed it. For instance, enable it when starting the drag event. Eg

$("#drageMe").draggable({
 start:function(event,ui){
   $("droppable").droppable("enable");  

} })