JSFiddle - React, Tailwind, and code Playground

by Karan1412

HTML

<input type="button" id="opener" value="Open Dialog" />
<div id="dialog" title="jQuery Dialog"><p>Hello World !!</p><p>This is jQuery DialogBox !!</p></div>

JavaScript

$.fx.speeds._default = 5000;
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode"
        });

        $("#opener").click(function () {
            $("#dialog").dialog("open");
            return false;
        });
    });