JSFiddle - React, Tailwind, and code Playground

by gekka

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<button id="b1">click</button>
<button id="b2">click2</button>


<div id="Dialog1">test</div>

JavaScript

$(document).ready(function() {
     var defaultOptions = {
                autoOpen: false,
                height: 250,
                width: 250,
                modal: true,
                stack: true

            },settings;
     
     $('#Dialog1').hide();
   
     
   $('#b1').click(function() {
      $("#Dialog1").dialog();

   });
      
   $('#b2').click(function() {
      $('#Dialog1').dialog();

   });
     
 });