关闭并打开另一个Jquery Popup

Question

我在2个不同的页面上有2个弹出窗口。主页链接显示第一个弹出窗口。弹出页面按钮首先关闭第一个弹出窗口，显示第二个弹出窗口。第二个弹出配置是第一个弹出窗口。当我尝试完成上述操作时，我无法关闭第一个弹出窗口并显示第二个弹出窗口。

有什么建议我可以让它正常工作吗？

代码

$(".openDialog").live("click", function (e) {
        e.preventDefault();
        $("<div></div>")
        .addClass("dialog")
        .attr("id", $(this).attr("data-dialog-id"))
        .attr("overflow", "hidden")
        .appendTo("body")
        .dialog({
            width: 1000,
            title: $(this).attr("dialog-title"),
            close: function () { $(this).remove() },
            modal: true,
            position: "top"
        }).load(this.href);
    });
    $(".close").live("click", function (e) {
        e.preventDefault();
        $(this).closest(".dialog").dialog("close");
    });

按钮代码

<input id="submit1" type="submit" class="styled-button" value="Make Copy" name="sub" />

关闭并打开弹出窗口的Jquery事件

$("#submit1").click(function () {
    $(".dialog").dialog("close");
    $(this).addClass('openDialog');
    window.setTimeout(function () { $(this).trigger('click') }, 200);
});