jquery dialog

by shraddhapaghdar

HTML

<button id="delf">Open Dialog</button>
<div id="delftstack" title="Welcome to Delftstack">
  Welcome to Delftstack
</div>

<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">

JavaScript

$(function () {
  $("#delftstack").dialog({
    autoOpen: false,
  });
  $("#delf").click(function () {
    $("#delftstack").dialog("open");
  });
});