折りたたまれた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/