JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<div id=dialoglinkdiv>
<a href="javascript:replaceLinkAndShowDialog();">Show Dialog</a>
</div>

JavaScript

function replaceLinkAndShowDialog() {
    $("#dialoglinkdiv").html('Dialog has been displayed.');
	  $('<div id="dialogDiv" style="display: none;">Hello World</div>').appendTo(document.body);
	  $('#dialogDiv').dialog({
			autoOpen: false,
			dialogClass: "myDialogClass"
	  });
	$('#dialogDiv').dialog('open');
    $('.myDialogClass').fadeOut(1000, function() {
		  // In IE 9, this close appears to cause a blur of the window.
        $('#dialogDiv').dialog('close');
    });
}