JSFiddle - React, Tailwind, and code Playground

by Fantasy Land

HTML

<button id="opener">Open Dialog</button>
<input type="hidden" name="delConfirm" id="delConfirm"/>
<div id="dialog-confirm"/>

JavaScript

$(function() {    
    $( "#dialog-confirm" ).dialog({  
        autoOpen: false,      
        show: {  effect: "blind",  duration: 1000  },      
        hide: {  effect: "explode", duration: 1000 }    
    });     
    $( "#opener" ).click(function() {      
        $( "#dialog" ).dialog( "open" );    
    });  
});