Hide and show content

I have this code that I'm working on that show members upcoming birthdays and birthdays. The members icon will appear in a 200x200 square box. My question is, is there an example or demo somewherre where you can hide content until a action is proformed, in this case members birthdays, then the content will appear when action is proformed?

If I were you I would probably use some sort of JavaScript library such as jQuery to make this really easy. You could just put all of that content in a div and then use a bit of jQuery to make it so that when a button or certain action is performed it will use the .show() method on your hidden birthday div:

http://api.jquery.com/show/

With that method you could make it immediately appear, or you can even apply a few transition effects such as fading or sliding it in. You may also want to see the hide method:

http://api.jquery.com/hide/

Hope that helps