jQuery Dialog example

this dialog example should replace the Prototype ModalBox (okonet.ru) which is used along our customers pages.

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/ui-lightness/jquery-ui.css">
<input type="button" value="Open" id="opener"/>

<div id="dialog-model" title="Important information">
    This is modal
</div>

<input type="button" value="Open1" id="opener"/>
<div id="dialog-model" title="Important information">
    This is modal
</div>

JavaScript

$("#dialog-model").dialog({
    autoOpen: false,
    width:400,
    height:280,
    show: {effect:'shake', duration:100},
    hide: {effect:'explode', duration:1000}
});

$('#opener').click(function(){
  $ ("#dialog-model").dialog('open1');
});