jQuery UI ダイアログボックス - 閉じられた後、開かれない

質問

私は jquery-ui dialog box .

問題は、ダイアログ ボックスを閉じてから、それをトリガーするリンクをクリックすると、ページを更新しない限り、再びポップアップしないことです。

実際のページを更新せずにダイアログ ボックスを呼び戻すにはどうしたらよいでしょうか。

以下は私のコードです。

$(document).ready(function() {
    $('#showTerms').click(function()
    {
        $('#terms').css('display','inline');
        $('#terms').dialog({
            resizable: false,
            modal: true,
            width: 400,
            height: 450,
            overlay: { backgroundColor: "#000", opacity: 0.5 },
            buttons:{ "Close": function() { $(this).dialog("close"); } },
            close: function(ev, ui) { $(this).remove(); },
    }); 
});

ありがとうございます。

どのように解決するのですか？

解決しました。

close functionの代わりにdestroyを使いましたが（意味不明）、うまくいきました。

$(document).ready(function() {
$('#showTerms').click(function()
{
    $('#terms').css('display','inline');
    $('#terms').dialog({resizable: false,
        modal: true,
        width: 400,
        height: 450,
        overlay: { backgroundColor: "#000", opacity: 0.5 },
        buttons:{ "Close": function() { $(this).dialog('**destroy**'); } },
        close: function(ev, ui) { $(this).close(); },
    });         
});   
$('#form1 input#calendarTEST').datepicker({ dateFormat: 'MM d, yy' });
});