Как выделить выпадающую область при наведении с помощью jquery ui draggable

На самом деле у меня есть два вопроса, главный из которых — on в заголовке. У меня есть несколько элементов div на странице, помеченных как удаляемые. Внутри этих элементов div у меня есть диапазоны, помеченные как перетаскиваемые. Я хочу, чтобы, когда вы перетаскиваете элемент, и он наводится на перетаскиваемую область, эта область либо выделяется, либо имеет границу, чтобы они знали, что могут перетащить ее туда.

В качестве второстепенного вопроса, все мои перетаскиваемые элементы имеют блок отображения :, ширину и плавающую позицию на них, поэтому они выглядят красиво и аккуратно в моих перетаскиваемых областях. Когда предметы падают, они, кажется, получают заданную для них позицию, поскольку они больше не плавают красиво и аккуратно, как остальные мои предметы. Для справки, вот мой javascript.

$('.drag_span').draggable({
    revert: true
});
$('.drop_div').droppable({
    drop: handle_drop_patient
});

function handle_drop_patient(event, ui) {
    $(this).append($(ui.draggable).clone());
    $(ui.draggable).remove();
}