cuadro de diálogo jQuery apertura/cierre mediante un efecto de transferencia

Question

quiero ser capaz de cerrar este cuadro de diálogo y tienen que transferir a un objeto

He intentado usar esto ... no suerte

close: function() { 
    $(this).effect('transfer', { to: "#smpb_info_btn", className: "ui-effects-transfer" }, 500);$(this).remove(); 
} 

Ahora estoy tring esto ... sigue sin suerte

$PMinfo_Dialog.dialog({ 
     autoOpen: true, 
     height: 250, 
     width: 600, 
     modal: false, 
     draggable: false, 
     resizable: false, 
     hide:{ 
      effect:"transfer", 
      options:{from: "#smpb_info_btn", className: "ui-effects-transfer"}, 
      speed:500 
      } , 

     close: function() { $(this).remove();}, 
     }); 
    $PMinfo_Dialog.dialog("open"); 

Answer 1

este working jsFiddle demo debe ser lo que necesita:

HTML:

<div id="PMinfo">Hello</div> 

<button id="smpb_info_btn">Info</button> 

CSS:

.ui-effects-transfer { border: 2px dotted gray; } 

JS:

$("#PMinfo").dialog({ 

    autoOpen: true, 
    height: 250, 
    width: 600, 
    modal: false, 
    draggable: false, 
    resizable: false, 
    beforeClose: function() { 

     var $this = $(this); 

     $this 
      .dialog("widget") 
      .effect("transfer", { 

       to: "#smpb_info_btn", 
       className: "ui-effects-transfer" 

      }, 500, function() { 

       $this.remove(); 

      }); 

    } 

});