Question

i have 3 small divs that are used to store appointment. That all work. I just want to make when I drag div with appointment to those small divs for store to change size of those small divs. I have success when i do mouse over and out but when I drag another div it doesn’t work.
Does anybody have clue what to do.

Answer 1

I think what you’re after is the droppable jQuery UI library, and more specifically the hoverClass property.

The following is taken directly from the jQuery UI Droppable Demo

$("#draggable, #draggable-nonvalid" ).draggable();
$("#droppable").droppable({
    accept: "#draggable",
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    drop: function( event, ui ) {
        $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
                .html( "Dropped!" );
    }
});