Jquery: Show Div (animated) on Click, Only Close When Different Link Clicked + Only One DIV at a Time

Jquery: Show Div (animated) on Click, Only Close When Different Link
Clicked + Only One DIV at a Time

I have been searching for a jquery script that I sure must be basic, but I
keep coming up empty.
I am creating a portfolio type website and I need an effect similar to the
one seen here when you click on any item in the "Recent Work" section:
http://themes.zenthemes.net/cleanr/
Essentially this is the functionality:
Click a link on an item (multiple items will have a link to different
content)
On click, a div will animate and open with new content (in a pre-defined
location)
The div that opens will have a close button. If the close button is
clicked, the DIV will animate and close.
Only ONE of these divs with new content can be displayed at a time. So, if
a second link is clicked, the first div should close quickly and the
second div should open.
I hope between the link and the above description that makes sense.
Please let me know if you need further clarification.
Many thanks in advance! You are saving me hours of banging my head against
the keyboard. =)