jquery弹出层效果

页面上有一个隐藏的div id为user-dialog-form 触发单击事件后执行下面这段代码 弹出新层  自己再写点样式什么的

~~~

function findUser(userId, buttonId, orgId) {
    userTextId = userId;

    orgTextId = orgId;

    document.getElementById("user-dialog-form").style.visibility = "visible";//显示
    $(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        $("#dialog:ui-dialog").dialog("destroy");
        var userName = $("#dialog_userName");
        var email = $("#dialog_email");
        allFields = $( []).add(userName).add(email), $("#user-dialog-form")
                .dialog( {
                    autoOpen : false,
                    height : 500,
                    width : 650,
                    modal : true,
                    close : function() {
                        allFields.val("");
                    }

                });

        $("#" + buttonId + "").button().click(function() {
            $("#user-dialog-form").dialog("open");
        });
    });