jquery - 使用JQuery操纵可见性

我有这个div

<div id="termSheetPopup" style="visibility:hidden;">

它隐藏在b / c页面上，我希望它显示在JQuery弹出窗口中。我用它弹出一个窗口：

function createAndShowTermSheetPopup() {
            $('#termSheetPopup').dialog({
                modal: true,
                resizable: false,
                title: 'Generate Term Sheet',
                width: 350,
                height: 200,
                autoOpen: true,
                buttons: {
                    "Generate": function () {
                        alert('Generating...');
                    },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
        }

我希望它可以使您在弹出窗口中看到，但在弹出窗口不显示时不在页面上可见。我怎么做？

最佳答案

初始化时将autoOpen设置为false，然后准备使用它时调用$('#termSheetPopup').dialog('open')。

可以在on the jquery-ui demo page中找到更多信息。

更新：如果您能原谅jsFiddle无法正确显示CSS，请this is a demo我的意思。