jquery - Jquery UI ソート可能 : 変更のの場合

Question

異なる の間で接続されているソート可能なアイテムがありますul。

li外側の aをドロップして、を にul変換できるようにしたいと思います。liul

ここに私のコード：

<script>
    $(function() {
        $( ".drop" ).sortable({
            connectWith: ".drop",
        });

        $( ".sortable" ).sortable({
            items: '.drop',
        });
    });
</script>

<div class="sortable">
    <ul id="sortable1" class='drop'>
        <li class="ui-state">Item 1</li>
    </ul>

    <ul id="sortable2" class='drop'>
        <li class="ui-state">Item 1</li>
        <li class="ui-state">Item 2</li>
    </ul>

    <ul id="sortable3" class='drop'></ul>
</div>