shortable element creating unwanted space when dragged

shortable element creating unwanted space when dragged

$ ( '.sort-able' ). each ( function () {
$ ( this ). sortable ({
connectWith: '.sort-able ' ,
cursor: "move" ,
appendTo: "body" ,
helper: "clone" ,
start : function (event, ui) {
$ ( ui . item ). show ();
clone = $ ( ui . item ). clone ();
before = $ ( ui . item ). prev ();
parent = $ ( ui . item ). parent ();
},
receive : function (event, ui) { //only when dropped from one to another!
if ( before .length) before . after ( clone );
else parent . prepend ( clone );
}
}). disableSelection ();
});

when I am erasing this line $ ( ui . item ). show (); it looks fine but element are not copying then