JSFiddle - React, Tailwind, and code Playground

by sbhomra

HTML

<a id="popup" href="#">Click</a>

<div id="popup-content" style="display:none">
    <p>I am in a popup!</p>
</div>

JavaScript

$(document).ready(function () {
    $("#popup").click(function () {
        var $dialog = $('<div></div>')
                .html($("#popup-content").html())
        .dialog({
            modal: false,
            open: function(event, ui) { 
                $(".ui-dialog-titlebar-close", ui.dialog).hide(); 
            },
            buttons: {
                "Try again": function () {
                    $(this).dialog("close");
                },
                "Show Answer": function () {
                    $(this).dialog("close");

                }
            }
        });
    });
    
});