JSFiddle - React, Tailwind, and code Playground

by jmcausing

HTML

<div id="dialog"></div><div id="dialog2"></div>

JavaScript

dialog_1();
dialog_2();

function dialog_1() {
        var content = "Dialog # 1";
        var title = "Dialog # 1";
        $('#dialog').html(content).dialog({
            buttons: {

                'Continue': function () {
                    $(this).dialog('close');
                    dialog_3();
                }
            },
            title: title,
            show: 'fade',
            modal: true,
        position:['left','middle']
        }); 	
}

function dialog_3() {
    var content = "My dialog # 3.";
    var title = "My Dialog # 3";
    $('#dialog').html(content).dialog({

        title: title,
        draggable: false,
        show: 'fade',
        width: 200
    }); 	
}

function dialog_2() {
    var content = "My dialog # 2.";
    var title = "My Dialog # 2";
    $('#dialog2').html(content).dialog({

        position:['10','middle'],
        draggable: false,
        show: 'fade',
        width: 200
    }); 	
}