JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<div id = "content"> <button>Abrir ventana1</button></div>
<div id = "ventana1"> <button>Abrir ventana2</button></div>
<div id = "ventana2"> Hola! </div>

CSS

#ventana1, #ventana2 { display: none; }

JavaScript

$('#content button').on('click', function(){
    $( "#ventana1" ).dialog({
            height: 140,
            modal: true
     });
});

$('#ventana1 button').on('click', function(){
    $( "#ventana2" ).dialog({
            height: 140,
            modal: true
     });
});