Hi,
Is there a way to highlight an element that's NOT the droppable, when using draggables & droppables? Here's my code:
- <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