JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <input type="button" id="btn" value="Open dialog"/>
        <div id="test_dialog" title="Dialog">
            <p>show: 'explode' causes an error on Internet Explorer 6, 7 and 8.</p>
        </div>
    </body>
</html>

CSS

#test_dialog {background-color:#6666ff}

JavaScript

$(document).ready(function(){
    
    $('#test_dialog').dialog({
            autoOpen: false,
            width: 100,
            modal: true,
            show: 'explode',
            buttons: [
                {
                    text:'Cancel',
                    click: function() {
                        $(this).dialog('close');    
                    }
                }
            ]

        });
    $('#btn').click(function() {
        $('#test_dialog').dialog('open');     
    });      
});