JSFiddle - React, Tailwind, and code Playground

by burkeholland

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css">
<div id="example5">
    <ul>
         <li >Item 1
            <ul>
                <li >Item 1 1<ul></ul></li>
                <li >Item 1 2<ul></ul></li>
                <li >Item 1 3<ul></ul></li>
             </ul>
         </li>
         <li >Item 2<ul></ul></li>
         <li >Item 3<ul></ul></li>
         <li >Item 4<ul></ul></li>
    </ul>
</div>

CSS

ul { min-height:10px; }
li { width: 150px; }

JavaScript

$("#example5 ul").sortable({
                connectWith: "#example5 ul",
                placeholder: "ui-state-highlight"
});