jquery - jquerys ダイアログが正しく非表示にならない

Question

asp.net ページがあります。div をクリックするとダイアログが開きますが、閉じません。他の例を見ると..うまくいくはずだと思いますが、そうではありません。コードは次のとおりです (マスター ページを使用しています)。繰り返しますが、ダイアログは正常に開きます。

    <script type="text/javascript">
    $(document).ready(function () {
        $("#dialog").dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode"
                ,duration: 1000
            }
        });
        $("#opener").click(function () {
            $("#dialog").dialog("open");
        });
    });
</script>
<div id="dialog" title="Basic dialog">
    <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<br />
<br />
<div id="opener">TestIt</div>