How to open and close jquery UI dialog box

Hi Friends,

Today I am going to represent how to use jquery dialog box in html page.

In this article I will describe, How to open and close jQuery UI Dialog box on click of anchor tag.

Add below code in your html header section







I have added online jquery script reference. you can download it from those URL.

Now add below code in html body section


Sample demo of jquery modal popup

click here to open dialog box

Sample content of modal popup window comes her

This is sample jquery modal popup window...

Design this as per your requirement


That’s it.

Click here for online demo of jquerymodal