Show and Hide overlay using jquery

Question

I am using JQuery for showing and hiding my overlay and it works just great. Now I also wanted to add some animations, hence I went ahead and check out the jq docs and got some nifty animations which can be applied to the show and hide functions directly.

What though I am looking for is on clicking, the overlay should appear to come up from the from the div which I clicked on, and on closing the overlay, it should hide by minimizing into the div which was used to open it.

Thanks

Fiddle URL if you can show it here

Answer 1

Check this fiddle: http://jsfiddle.net/HfKTA/1/ - Guess this is what you are looking for.

Updated fiddle with multiple triggers: http://jsfiddle.net/HfKTA/2/