Fade in overlay in modal dialog

Question

I have a JQuery UI dialog which is modal and has a black background with 50% opacity. Is it possible to make the background opacity fade from 0% to 50%? If so, how? Because c

Answer 1

I had to modify the answer from Sam Barnes to make it work (I also threw the dialog click function in a $(document).ready function):

Some Message!

You can add the thing that hides on escape button press by adding:

$(document).keyup(function(e) {

  if (e.keyCode == 27) { 
       $(".ui-dialog").hide();
       $('.ui-widget-overlay').hide();
  }
});