JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.23/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<a href="#" id="contactUs">Contact Us</a>
<div id="dialog" title="Contact form">
<p>appear now</p>
</div>
CSS
#dialog {
display: none;
}
JavaScript
$(document).ready(function() {
$("#contactUs").click(function() {
var $dialog = $("#dialog").dialog({autoOpen : false, modal : true, show : "blind", hide : "blind"});
$dialog.dialog('open');
return false;
});
});