JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>
Check me!<input type="checkbox" id="cb" />

JavaScript

$("#cb").click(function () {
		var dlg = $('<div>');
            dlg.html("MY WINDOW").dialog({
					closeOnEscape: false,
					autoOpen: true,
					title: "TITLE",
					modal: false,
					buttons: {
					Ok: function() {
                       dlg.dialog("close");
                        return true;
                    }},
					resizable: false,
					show: {
						effect: 'fade',
						duration: 300
					},
					hide: {
						effect: 'fade',
						direction: 'up',
						duration: 100
					},
					width: 500,
					open: function (event, ui) {

					}
				});
		
		 });