jquery - liがドラッグされた後、ulの空きスペースを非表示にします

Question

私の英語でごめんなさい:)私は長い間答えを探します、しかし私は私が間違ったreqewestをすると思います。

だから、私はドラッグ可能な「li」要素を持つ「ul」リストを持っています。そして、それをdivelemenにドラッグできます。ドロップ可能な場所にドラッグすると、「li」リストに空の場所があります。liをドラッグするスタイルは変化しています。ドロップした後、li要素はその位置を変更し、ドロップ可能な要素にとどまり、元のスタイルを取得しますが、ulリストの空の領域を非表示にするにはどうすればよいですか？

$(document).ready(function(){

$(".spisokznach").draggable({
delay:200, 
scroll: 'true',
opacity:0.80, 
cursorAt:{left:34, bottom : 15}, 
cursor:'move', 
revert:'invalid', 
snap:'.place',
appendTo:'.place',
snapMode:'inner' ,
});


$(".place").droppable({
activeClass: "placehover",
hoverClass: "placehover2",
accept:'.spisokznach',
drop: function(event, ui){
        ui.draggable.draggable('option', 'revert', function(){return false});

         alert("You dropped "+$(ui.draggable).attr('id')+" into "+$(this).attr('id')+" block")
        $(ui.draggable).addClass('new'); 

    },
out: function(event, ui){
       $(ui.draggable).removeClass('new'); 
       ui.draggable.draggable('option', 'revert', function(){
            $(this).data('draggable').originalPosition = {
                top: 0,
                left: 0
            };

            return true;
        });
    },

})
});

http://jsfiddle.net/XelaNimed/sgZE2/ 要素をドラッグした後、空のスペースが非表示になり、リストが近くなります。