JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.6.1.js"></script>


<link href="http://code.jquery.com/ui/1.8.13/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.8.13/jquery-ui.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 style="height: 1000px;">scroll down for the button</div>
<button>Open</button>
<div id="dialog"></div>
<div style="height: 1000px;"></div>

JavaScript

$('button').bind('click', function() {
    $('#dialog').dialog({ height: 500 });    
});