StackOverflow Solution

Solution to the question asked here : http://stackoverflow.com/q/9300736/314763

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/humanity/jquery-ui.css">
<input type="button" value="hide Button" class="change"/>
<input type="button" value="show Button" class="add"/>
<div id="dialog-save"> Dialog</div>

JavaScript

$(function(){
    $('#dialog-save').dialog({
            autoOpen: false,
            modal: true,
            draggable: true,
            width: 275,
            height: 175,
            buttons: {
                "Ok": function () {
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
    });
    $('#dialog-save').dialog('open');
    $('.add').click(function(){
         $('#dialog-save').dialog('widget').find('.ui-dialog-buttonpane .ui-button:first').show();
    $('#dialog-save').dialog('open');
    });
    $('.change').click(function(){
        //$('#dialog-save').dialog("option",{buttons:{}});
        //$('#dialog-save').dialog('open');
        $('#dialog-save').dialog('widget').find('.ui-dialog-buttonpane .ui-button:first').hide();
        $('#dialog-save').dialog('open');
    });
});