JSFiddle - React, Tailwind, and code Playground

by Dmitry

HTML

<script src="//malsup.github.com/jquery.form.js"></script>
<div class="dialog">
    <p style="white-space: pre-wrap">123123123</p>
</div>

<button class="opener">Open Dialog</button>

JavaScript

$('.opener').each(function(){
    var dialog = $(this).prev('.dialog').dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        }
    });

    $(this).click(function () {
        dialog.dialog("open");
    });
    
});