JSFiddle - React, Tailwind, and code Playground

by Patrick

HTML

<ul class='list'>
    <li>list1
    <ul class='list'>
        <li>item1</li>
        <li>item2</li>
    </ul></li>
    <li class='hidden'>new list
    <ul class='list'>
    </ul>
</ul>


<ul class='list hidden'>list 2
</ul>

CSS

.list {
    min-height: 4px;
}
.hidden {
    display: ndone;
}

JavaScript

$(function() {
    $('.list').sortable( {
        connectWith: '.list',
        start: function() {
        }
    }).disableSelection();
});