JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div id="content">
<span class="pencilbutton" id="openPop1">Open Pop 1</span>
<div id="pop1" style="display:none;">
    First Popup
    <br />
    <a href="http://www.w3schools.com/" title="Link Title" target="_blank">Test Link</a>
    <br />
    <span class="pencilbutton" id="openPop2">Open Pop 2</span>
</div>
<div id="pop2" style="display:none;">
    Second Popup
</div>
</div>

CSS

body {
    font-size:10px;
}

JavaScript

$(function()
{
    $(document).tooltip({
        position: { my: 'left top+15', at: 'left bottom', collission: 'flipfit' }
        });
    $('.pencilbutton').button({icons: {primary: 'ui-icon-pencil'},text:false});
    $('#openPop1').click(function(){
        $('#pop1').dialog({
            closeOnEscape: true,
            position:['center','center'],
            resizable: false,
            height:200,
            width:200,
            modal: true,
            title: 'Popup 1',
            buttons:
            {
                'OK': function()
                {
                    $('#pop1').dialog('close');
                }
            },
            close: function()
            {
                $('#pop1').dialog('destroy');
            }
        });
        $('#openPop2').click(function(){
            $('#pop2').dialog({
                closeOnEscape: true,
                position:['center','center'],
                resizable: false,
                height:300,
                width:300,
                modal: true,
                title: 'Popup 2',
                buttons:
                {
                    'OK': function()
                    {
                        $('#pop2').dialog('close');
                    }
                },
                close: function()
                {
                    $('#pop2').dialog('destroy');
                }
            });
            
        });
    });
});