jQuery Forum

Hi,
Is there a way to highlight an element that's NOT the droppable, when using draggables & droppables? Here's my code:

1. <div id="highlighter"></div>
   <div id="droppable_1" class="droppable"></div>
   <div id="droppable_2" class="droppable"></div>
   <div id="droppable_3" class="droppable"></div>
   <div id="droppable_4" class="droppable"></div>
   
   <div id="draggable_1" class="draggable"></div>
   
   <script>
   $( ".draggable" ).draggable({   
       revert: true,
       revertDuration: 600, 
   });
   $(".droppable").droppable({
           accept: '.draggable',
             drop: function() {
               alert("You dropped to div ID "+$(this).attr('id'));
               }
       })
   </script>

.. is there a way to change the css/highlight the "highlighter" div when hovering the draggable over any of the droppables, above?

Thanks all!

WoolyG