jQuery сортируемые группы и подгруппы

Question

У меня есть div, в котором я хочу все h2, p и div элементов для сортировки. Я также хочу иметь подгруппы для сортировки, и я хочу, чтобы элементы из основного и элементы из подгрупп сортировались друг с другом. Таким образом, элемент из основной группы должен быть разрешен для ввода в подгруппу и обратно.

Я установил jsFiddle в надежде, что смогу отобразить то, что хочу. Идея состоит в том, что светло-серые элементы должны быть помещены в группу темными серыми и наоборот.

http://jsfiddle.net/LpmfY/1/

JS

$(document).ready(function() { 
    $('.sort_these').sortable(); 
}); 

HTML

<div class='sort_these'> 
    <h2>...</h2> 

    <p>...</p> 
    <p>...</p> 
    <div class='sort_these'> 
     <h2>...</h2> 

     <p>...</p> 
    </div> 
    <div>...</div> 
</div> 

Может кто-нибудь помочь мне в правильном направлении?

Answer 1

Вы, вероятно, следует начать с connectWith option, что-то вроде этого:

Working Example

$(document).ready(function() { 
    $('.sort_these').sortable({ 
     connectWith: '.sort_these' 
    }); 
}); 

Answer 2

Вы должны проверить connectWith: http://jqueryui.com/sortable/#connect-lists