create sub list of list item with no children

Question

Little help need with jquery sortable.

I have a nested list like so:

    
root
        

        
      

Answer 1

I have managed a work around if anyone is interested....

instead of the over and out options I have used start and end.

start: function(event,ui)
       {
           $(this).find('li').not(':has(ul)').append('
');
           $(this).sortable('refresh');
       } ,
stop:  function(event,ui)
       {
           $(this).find('li:empty').remove();
           $(this).find('ul:empty').remove();
           $(this).sortable('refresh')
       }

If anyone has better solution please please please let us know...