Problems with Jquery UI Dialogs

Problems with Jquery UI Dialogs


Hi,
I seem to be constantly running in to problems with the UI Dialog,
using the latest versions of jquery.
The close dialog intermittently stops working, and the height of the
dialog seems to change especially in IE8 when opened multiple time, I
am using the following javascript functions to manage my dialogs:
function openDialog(title,node,x,y) {
$('#'+node).dialog({
width : x,
modal : true,
bgiframe : true,
autoOpen:false,
resizable: false,
draggable:false,
closeOnEscape: true,
height : y,
title : title
});
$('#'+node).dialog('open');
}
function closeDialog(node) {
$("#"+node).dialog('close');
}
My divs are created using:
<div id="example-div" class="dialog">Test</div>
the class 'dialog' is simply a display:none; so that it doesn't show
on the page until called.
I normally have a Close button in my dialogs with the following code:
<input type="button" onclick="closeDialog('example-div');" />
Can anyone see a problem with what I have above, as its causing me so
many problems throughout the site.
Kev