I've been searching through this forum and various others for a solution or an example but I haven't found anything so here goes ...

I've got my two lists and they're connected in the standard way, and that works fine - the items from list B are added into list A

But when list A already contains 6 elements I need to be able to remove the last list item in A and append it to the top of B

So, when I count the children items of list A and, if count>=6, how would I get the last one and remove it ?

Also, would I just be able to use the id "# sortable2" of list B to append the item from list A ?

thanks for any help you can give

basically my code is this :

1. <script>
2.   $(function() {
3.     $( "#sortable1, #sortable2" ).sortable({
4.       connectWith: ".connectedSortable"
5.     }).disableSelection();
6.   });
7. </script>
8. 
   
9. 
   
10. <h3>List A</h3>
11. 
    
12. <ol id="sortable1" class="connectedSortable" style="list-style-type:decimal;">
13. <li  class="ui-state-default">Default first item</li>
14. </ol>
15. 
    
16. <h3>List B</h3>
17. 
    
18. <ul id="sortable2" class="connectedSortable">
19. <li class="ui-state-highlight">Item 1</li>
20. <li class="ui-state-highlight">Item 2</li>
21. <li class="ui-state-highlight">Item 3</li>
22. <li class="ui-state-highlight">Item 4</li>
23. <li class="ui-state-highlight">Item 5</li>
24. <li class="ui-state-highlight">Item 6</li>
25. <li class="ui-state-highlight">Item 7</li>
26. <li class="ui-state-highlight">Item 8</li>
27. </ul>