在摺疊div上拖放可拖動

Question

我的目標是能夠拖動可拖動項目並將其放在摺疊div上。當物品被丟棄時，它將被追加到摺疊的div內的div上。

簡單地說，未落「outter_collapsed」將放置在該項目的「內部」

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

上，你會如何處理這或可能的話智慧的任何想法都歡迎。

謝謝

Answer 1

事情是這樣的，也許：這裏

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

      } 
     }); 

退房爲例 - http://jsfiddle.net/Bfa9v/19/