JQuery JavaScript Tutorial

< html>
  
    
    
$(document).ready(
  function() {
    $('input#tmpOpen').click(
      function($e) {
        $('div#myDialog').show(5000);
      }
    );
    
    $('input#tmpClose').click(
      function($e) {      
        $('div#myDialog').hide(5000);
      }
    );
  }
);
    
    
div#myDialog {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 200px;
    margin: -101px 0 0 -251px;    
    border: 1px solid rgb(128, 128, 128);
}
div#tmpButtons {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
    
  
  
     
     
       


         Dialog content