ui dialog

ui dialog

Hello,
us any body have encountered this, jQuery don't know the $("#selector").dialog.
the error jvascript is :0x800a01b6 - Erreur d’exécution JavaScript: L’objet ne gère pas la propriété ou la méthode « dialog »
Translate : Error executing javascript: The object don't handle the property or method <<dialog>>.

The dialog window is created and i see it with autoopen:true, i Close the win dialog and then click on button toggle, this generate the  error.

    <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-darkness/jquery-ui.min.css" rel="stylesheet">
    <script type="text/javascript" src="scripts/jquery-2.1.1.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui.js"></script>
 
            $("#dialog-message").dialog({
                modal: true,
                draggable: false,
                resizable: false,
                show: 'blind',
                hide: 'blind',
                width: 400,
                autoOpen: true,
                closeOnEscape: true,
                height: 200,
                dialogClass: "alert",
                buttons: [
                    {
                        text: "Ok",
                        //$(this).dialog("close");
                        icons: { primary: "ui-icon-heart" },
                        click: function () { $("#dialog-message").hide(); }
                    }
                ]
            });

            $("#toggle").click(function () {
                ($("#dialog-message"). dialog("isOpen") == false) ? $("#dialog-message"). dialog("open") : $("#dialog-message"). dialog("close");
            });