Question

An example is better than 1000 words:

http://jsfiddle.net/GF7KF/4/

There is a blue div. If you click the ‘Open it!’ button, that div is opened in a jquery ui dialog. How can I do that when I close the dialog the div returns to its initial position? Is there an easy way or I have to do some code to remember manually it for each concrete situation?

Answer 1

One solution is to use a placeholder element inside the div:

http://jsfiddle.net/davelnewton/zjMvS/1/

<div>
  <p>Hello!</p>
  <span id="dialog"></div>
</div>

var d = $('span#dialog');
$('.open-dialog').click(function() {
    d.dialog({