JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div id="dialog-confirm" title="Empty the recycle bin?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

JavaScript

$("#dialog-confirm").dialog({
    show: "drop",
    hide: "drop",
    modal: true,
    buttons: {
        OK: function() {
            alert( "click" );
        }
    }
}).dialog( "close" ).dialog( "open" );