JSFiddle - React, Tailwind, and code Playground

HTML

<div id="list">
    <p id="draggable_1">Element 1</p>
    <p id="draggable_2">Element 2</p>
    <p id="draggable_3">Element 3</p>
</div>

CSS

#list {
    overflow:hidden;
    width:150px;
    background-color:#999;
    color:#333;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:13px;
    cursor:pointer;
}

JavaScript

$("#draggable_1").draggable();
$titre_track_1.droppable({
    drop: function () {
        alert("dropped");
        //$titre_track_1.html( "Dropped!" );
    }
});