Tengo un elemento para soltar que se puede arrastrar entre 2 objetivos para soltar así

 $(document).ready(function() { $(drag_element).draggable({ revert: "invalid"}); $( "#drop1" ).droppable({ activeClass: 'blue', drop: function( event, ui ) { $( this ) .find( "p" ); } }); $( "#drop2" ).droppable({ activeClass: 'blue', drop: function( event, ui ) { $( this ).find( "p" ); } }); } );

Mi html coloca el drag_element debajo de la zona drop1 para empezar.

Sin embargo, activeClass los resaltará a ambos. Si estoy arrastrando desde la zona drop1, quiero resaltar la zona drop2. ¿Cuál es una buena manera de arreglar esto?