SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="dialog">Hi, I'm dialog content</div>
<button>Open Dialog</button>

CSS

#dialog { display: none; }

JavaScript

$("button").click(function() {
    $("#dialog").dialog({ show: 'fade', hide: 'drop' });
});