JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
    <script type="text/javascript">
function openInDialog()
{

    $('#dialogWindow').dialog({
            modal: true,
            width: 100,
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                }
            }
        });

    return false;

}
        
    </script>
    </head>
    <body>
        <br /><br />
        <a type="submit" class="ui-button ui-state-default ui-corner-all ui-button-text-icon-primary ui-state-hover" style="float:right" onclick="openInDialog();return false;" href="http://www.secretdinnerparty.com">click this link</a>
        <div id="dialogWindow" style="display:none">
            <a href="#" onclick="alert('link 1')">link 1</a>
            <a href="#" onclick="alert('link 2')">link 2</a>
            
        </div>
    </body>
</html>