Creating Jquery shortcode

Hi, I want to create a Jquery dialog button that opens a dialog box – can I do this with you plug in?

The code I’ve got at the moment which works on the page is below – I got it from here click ‘view source’ to get full code:

I know I would have to put the stylesheet url in my child theme header, but was wondering if I can use your plugin for the Jscript/div?

<link rel=”stylesheet” href=”http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css&#8221; />
<script src=”http://code.jquery.com/jquery-1.8.3.js”></script&gt;
<script src=”http://code.jquery.com/ui/1.10.0/jquery-ui.js”></script&gt;
<link rel=”stylesheet” href=”/resources/demos/style.css” />
<script>
$(function() {
$( “#dialog” ).dialog();
});
</script>

<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>

Any help much appreciated, Earl

http://wordpress.org/extend/plugins/shortcodes-ui/