JSFiddle - React, Tailwind, and code Playground

HTML

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" type="text/css" rel="stylesheet">

<button id="show1" >toggle wrapper-less dialog</button>
<div id="myd1">no content</div>

<button id="show2" >toggle wrapper dialog</button>
<div id="myd2_ctl">
<div id="myd2">no content</div>
</div>

JavaScript

$("#myd1").dialog({position:'left'});
$("#show1").on('click',function(){ 
    $("#myd1").replaceWith('<div id="myd1" >my dialog content</div>');
});

$("#myd2_ctl").dialog({position:'right'});
$("#show2").on('click',function(){ 
    $("#myd2").replaceWith('<div id="myd2" >my dialog content</div>');
});