JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog">
    <div class="content"></div>
</div>
<button id="opener">Open Dialog</button>

JavaScript

//$('#dialog').dialog({ dialogClass: 'noTitleStuff' }); ---> CSS

$(function () {
    $("#dialog").dialog({
        autoOpen: false,
        height: $(window).height() - 50,
        width: $(window).width() - 50,
        show: {
            effect: "blind",
            duration: 400,
        },
        
        hide: {
            effect: "explode",
            duration: 400
        },
        open: function (event, ui) {
            $('#content').load('http://jsfiddle.net/BGEK6/');
        }
    });

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