Question

I am jQuery to use a Div as a dialog, But before the dialog is called the Div shows at the bottom of my Screen.

How can i hide this div?

<div id = "PrintDialog" title="Warning">
        <p>Once you print, no changes may be made to this contract. Are you sure you want to print?</p>
        <input type="button" value="Print" id="btnDialogPrint" />
        <input type="button" value="Cancel" id="btnDialogCancel" />
        </div>

I want to still use the Div, just not have it displayed unless its the dialog.

Thanks in advance.

Answer 1

Add style="display: none;" to the div like this:

<div id="PrintDialog" title="Warning" style="display: none;">

When the page loads, this prevents the div from being showed. jQuery will still show the dialog when you want it.