title: How to sort multiple items in different lists in JQuery UI?
body: <p>I have 4 lists. The lower list from which I take the items, if I drop item on the first list, it will make clones in the lower two lists.</p>
  
  <p>I need ability just take element in top line and it takes clones too and i can move it left or right, like multi sorting.</p>
  
  <pre><code>$(function() {
      $( "ul.droptrue" ).sortable({
        connectWith: "ul.one",
  
  
      });
  
      $( "ul.dropfalse" ).sortable({
        connectWith: "ul.droptrue",
        dropOnEmpty: true,
        appendTo: 'ul.droptrue',
      });
  
   $("ul.droptrue").on('mousedown', '#ex1', function () {
  
   });
  
  
      $( "ul#first" ).sortable({
          connectWith: $( "ul#second" ),
              receive: function(event, ui) { 
                  var idel = ui.item.attr('id');
                  var wordIdplusclass = "child" + ui.item.attr('id');
                  ui.item.clone().appendTo('#second, #third').addClass('draggable1');
                  $(this).sortable('cancel');
              },
      });
  
  
  
  
  
      $( "ul.droptrue, ul.dropfalse" ).disableSelection();
  
  
  
      $( ".selectable" ).selectable();
  
    }); 
  </code></pre>
  
  <p>Help me.
  <a href="http://jsfiddle.net/gr5w07ax/" rel="nofollow">http://jsfiddle.net/gr5w07ax/</a></p>
  
  <p>IMG example: <a href="http://i57.tinypic.com/205p64l.png" rel="nofollow">http://i57.tinypic.com/205p64l.png</a></p>