JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<div id="left_section">
    <ul >
        <li class="draggable">One</li>
        <li class="draggable">two</li>
        <li class="draggable">three</li>
        <li class="draggable">four</li>
    </ul>
</div>
<div id="right_section">
    <ul id="sortable">
        <li>folder1</li>
        <li>folder2</li>
        <li>folder3</li>
        <li>folder4</li>
    </ul>
</div>

JavaScript

$("#sortable").sortable({
    revert: true
});
$(".draggable").draggable({
    connectToSortable: "#sortable",
    revert: "invalid"
});
$("ul, li").disableSelection();