Фоныч,
<!DOCTYPE HTML>
<html>
<head>
<title>dialog demo</title>
<meta charset="utf-8">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style type="text/css">
<style type="text/css">
.image2{
display: none;
}
</style>
<script>
$(function () {
$('.open').click(function () {
var id = $(this).data('image')
$(id).dialog("open");
});
$(".image").dialog({
autoOpen: false,
width: "auto",
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "blind",
duration: 1000
}
});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog" class="image">
<p>тут тело диалога</p>
</div>
<button id="opener" class="open" data-image='#dialog'>Open Dialog</button>
<div id="table" class="image" title="Basic table">
раз текст
</div>
<button id="openTable" class="open" data-image='#table'>Open Table</button>
<div id="win" class="image" title="Basic window">
два текст
</div>
<button id="openWindow" class="open" data-image='#win'>Open Window</button>
</body>
</html>