$(document).ready(function() {

​

    // turn the div into a jQuery UI dialog and hide it

    var dlg = $('#login-form').dialog({

        title: 'Just a cool dialog',

        autoOpen: false,

        // hook to the 'beforeclose' event instead of 'close'

        beforeclose: function(event, ui) {

            dlg.dialog('widget').effect('transfer', {

                to: '#fill-login-form',

                className: 'ui-effects-transfer'

            }, 500, null);

            return true; // to close it

        }

    });

    // open the dialog when the link is clicked

    $('#fill-login-form').click(function() {

        //Hide your dialog here

        dlg.dialog("open").dialog("widget").css("visibility", "hidden");

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

      to: dlg.dialog("widget"),

      className: "ui-effects-transfer"

  }, 500, function() {

           //Open the dialog after showing your transfer effect

      dlg.dialog("widget").css("visibility", "visible");

  });

    });

​

});

​