Как сделать перетаскиваемый элемент невидимым при его возврате?

Question

У меня есть dragable элемент в моем html. и JQuery, как это

$(".block-33a").sortable({ 
     revert: true 
}); 

$(".hidden_drag").draggable({ 
    revert: true, 
    stop: function(event,ui){ 
    //some code 
    } 
}); 

с помощью этого и может иметь возможность получить свой элемент обратно на место по умолчанию, но это должно быть непобедимым в то время как она возвращаясь. как мне это сделать?

UPDATE

это моя скрипка http://jsfiddle.net/Q2h2w/46/

и это будет сказать, что мое требование слишком

Answer 1

Я обновил скрипку. Пожалуйста, взгляните на это. Я добавил событие mouseup для обнаружения мыши. Надеюсь, что будет решать ваши цели:

http://jsfiddle.net/Q2h2w/56/

var count=0; 
$('.button_area').draggable({ 
     revert: true, 
     drag: function(){ 
      count++; 
     }, 
     stop: function(event,ui){ 
       $('.button_area').off("mouseup"); 
       $(this).show(); 
     }, 
     start: function(event, ui) { 
      $('.button_area').on("mouseup",function(){ 
       $(this).hide(); 
      }); 
     } 
});