User:Mono
<html>
<script> mw.loader.using(['jquery.ui.dialog'], function () {
$( "#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>