jQuery Forum

When I drag an appropriate element, the appropriate droppables highlight as they should; but after the drop, the droppables where the element was *not* dropped remain highlighted (the activeClass is not removed from those elements).

Any ideas?  My droppable code is as follows:

1.     $( ".droppable" ).droppable({
2.         accept: function(dragged){
3.             return canDrop(dragged.attr('id'),$(this).attr('id'));
4.         },
5.         activeClass: "ui-state-hover",
6.         hoverClass: "ui-state-active",
7.         drop: function(event, ui){
8.             doStuffWith(ui.draggable.attr('id'),$( this ).attr('id'));
9.         }
10.     });