JSFiddle - React, Tailwind, and code Playground

by rickjackson

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<iframe id="iFrameMainContent" style="width: 99%; height: 759px;" src="http://unfccc.int/resource/docs/convkp/kpeng.pdf"></iframe>

JavaScript

$(function () {
    $("#dialog").dialog({
        autoOpen: true,
        show: {
            effect: "clip",
            duration: 1000
        },
        hide: {
            effect: "clip",
            duration: 1000
        }
    });
});