hoverClass : stringDefault: undefined

If specified, the class will be added to the droppable while draggable is being hovered over the droppable.

Examples

sample

    
 <style>
 .draggable { border: 1px solid #999; width: 300px; height: 200px; text-align: center; }
 .droppable { border: 1px solid #999; width: 300px; height: 200px; text-align: center; }
 .hover { background-color: #FF0000; }
 </style>
 <div id="droppable" class="droppable">Drop Here</div>
 <div id="draggable" class="draggable">Drag Me</div>
 <script>
     $('#draggable').draggable();
     $('#droppable').droppable({ hoverClass: 'hover' });
 </script>