Simple modal div in jQuery?

Question

I have tried almost all of the jQuery Modal plugins I can find on the net but they are all much to bulky for what I need. I don't need all the fancy features, I want to be able to open a div and have the background of the page go transparent grey like the photo below and have my div be on top of it, that is all I need to do so I would like to write some jQuery to do this instead of using a bulky plugin. Does anyone have any small code that can do this task? Is the transparent background an image or just CSS?

Answer 1

SimpleModal does precisely what you want to do.

Answer 2

I would NOT recommend jQuery UI - it's huge and overcomplex for that simple task. Here are some other plugins:

• ThickBox
• BlockUI
• jqModal
• Facebox