JSFiddle - React, Tailwind, and code Playground

by chiragvidani

HTML

<div id="infobox1" style="display: none;">Info Box 1</div>
<div id="infobox2" style="display: none;">Info Box 2</div>
<input type="button" id="btnInfobox1" value="Open Infobox1" />
<input type="button" id="btnInfobox2" value="Open Infobox2" />

JavaScript

$('#infobox1').dialog({
    modal: false,
    autoOpen: false
});
$('#infobox2').dialog({
    modal: false,
    autoOpen: false
});

$('#btnInfobox1').click(function(){
    $('#infobox2').dialog('close');
    $('#infobox1').dialog('open');
});

$('#btnInfobox2').click(function(){
    $('#infobox1').dialog('close');
    $('#infobox2').dialog('open');
});