Jquery 在折叠的div上放置可拖动的

我的目标是能够获取一个可拖动的项目并将其放置在折叠的div上。当项目被放置时，它将被附加到折叠div中的div上

简单地说，在“outter_collapsed”上放置物品会将物品放置在“inner”中

<div id = "outter_collapsed">
<div id = "inner">
<!-- DROPPED ITEM PLACED HERE -->
</div>
</div>

欢迎您提出任何关于如何处理此问题或可能的智慧之词的想法

---

谢谢你

像这样的事情也许：

$( "#another-div" ).draggable();
        $( "#outter_collapsed" ).droppable({
            drop: function( event, ui ) {
                $(this).children().append(ui.draggable);

            }
        });

---

查看此处的一个示例-

如果在“outter_collapse”中删除的项目是可排序的项目，该怎么办？没有什么，它仍然有效。只需添加$（“#另一个div”）.sortable（）；