JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/start/jquery-ui.css">
<div class="hide">
    <div id="win1"></div>
    <div id="win2"></div>
    <div id="win3"></div>
</div>

<span id="opener">Open</span>

CSS

.hide {
    display: none
}

JavaScript

$("#opener").click(function(){
    
    $("#win2").dialog({
        autoOpen:    true,
        height:     60,
        width:         50,
        modal:         true,
        close: function(event, ui) {
            alert($(".hide").html())
            thisDialog.dialog("destroy");
        }
    });        
});

alert($(".hide").html())