Модальное окно jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script 
  src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" 
  integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" 
  crossorigin="anonymous"></script> 
   
   
<script> 
    $(function () { 
        $("#modal-dialog").dialog({ 
            autoOpen: false, 
            width: 400, 
            height: 600, 
            show: { 
                duration: 1000 
            }, 
 
            hide: { 
                duration: 1000 
            } 
        }); 
 
        $("#modal-opener").click(function () { 
            $("#modal-dialog").dialog("open"); 
        }); 
    }); 
</script> 
<button id="modal-opener">ok</button> 
 
<div id="modal-dialog" title="Введите данные и мы с вами свяжемся"> 
        <p>sdsdfsdfsfsfsdf</p> 
</div>