JSFiddle - React, Tailwind, and code Playground

by Exceeder

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/smoothness/jquery-ui.css">
<div>
    <button id="open1">open dialog 1</button>
</div>
<div id="dialog1" style="display:none">
    <button id="open2">open dialog 2</button>
</div>
<div id="dialog2" style="display:none">
    Second dialog! Hit Esc now to close some.
</div>

JavaScript

//shows two modal dialogs in respect to Esc handling
$("#open1").click(function() {
    $("#dialog1").dialog({
        position: [30,30],
            height: 140,
            modal: true
        });
});

$("#open2").click(function() {
    $("#dialog2").dialog({
            height: 140,
            modal: true
        });
});