jQueryUI Dialog

by Shree Khanal

HTML

<div id="myDialog">
    This is the content of my modal dialog box
    <input type="text" id="myTextBox" />
</div>

<button id="clickMe">Click Me</button>

JavaScript

//Set up the dialog box
$("#myDialog").dialog({
    autoOpen  : false,
  
});

//Open the dialog box when the button is clicked.
$('#clickMe').click(function(index,item) {
//$(this).toggleclass
    $("#myDialog").dialog("open");
});

 if (( "#dialog" ).dialog( "isOpen" )){
        $( "#dialog" ).dialog( "close" );
    }else{
        $( "#dialog" ).dialog( "open" );
    }