User:Mono

<html>

$( "#dialog" ).dialog({ autoOpen: false });

$( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); return false; }); }); </script>

This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.

<button id="opener">Open Dialog</button>

Dialogs may be animated by specifying an effect for the show and/or hide properties. You must include the individual effects file for any effects you would like to use.

</html>