Jquery - перемещай Div вокруг

Question

Я использую Jquery Drag and drop для перемещения div по странице, и это отлично работает.однако то, что я хотел бы, чтобы на каждом из контейнеров div была кнопка закрытия, которая при щелчках удаляет элемент div, где он находится, и помещает его в предварительно определенный элемент div внизу, как галерея виджетов.

Как бы этого достичь?- ниже мой HTML .. спасибо

Крис

<div class='column' id='leftcolumn'></div>

<div class='column' id='rightcolumn'>

    <div class='dragbox'>
      <span class='close'>Close</span>
Content In here
    </div>
</div>

<div class='column' id='widgetgallery></div>

Answer 1

$('div.dragbox > span.close').click(function(){
  $(this).parent().appendTo("#widgetgallery");
});

Answer 2

Попробуйте:

$('.close').click(function(){
  $('#widgetgallery').append($(this).parent());
  $(this).parent().delete();
});

Не знаю, будет ли работать добавочная часть.