I have many questions here so please be patient with me, very new jquery/javascript user.

Here is my current page <http://integratedcx.com/index.php/experience>

Basically I would like each of the projects and project categories to have the hidden div, slidedown like a drawer not just appear as they do now.

I have tried to achieve this through jquery without much success, here is my working <http://integratedcx.com/temp/slide.html>

1. How do I get the div below the one opening to "ease" down instead of jump
2. How do I get my close feature (orange box) in recent projects to work properly
3. How do I get my the project list on the right side of image to hide (as it does on my current page) as well as have the drawer opening effect.
4. Is there an easy way to i.e. variable to assign this to multiple divs using jquery.

Thank you in advanced for any/all help.