item position replaced by other items below in a list

item position replaced by other items below in a list

Hi,

I have a page where there is a list of items and a drop container. When I drag item, the other items below the one that is being dragged moves up. Can other items stay in their respective positions when one of the item is dragged away? I am new to this and any help is greatly appreciated.

I have list of items like this:

<ul id="allItems">
            <li id="node1" groupId="box2"><img src="nmm_logo.png" height=70 width=130 align="left""></img></li>
            <li id="node2" groupId="box7">Paris</li>
            <li id="node3" groupId="box3">London</li>

            <li id="node4" groupId="box5">Beijing</li>
    

        </ul>
        </div>