I've been working my brain out in the past two days with one jQuery script and no final result. I did managed to chop the 'thousands' of lines and reduced them to a few.
I had set up a test page which can be found here: http://forweb.ro/easing/

I'm using jQuery easing but most likely my problem is not related to this. Is more related in getting the proper code.

What I'm trying to achieve: I will have a left handed menu with several elements, let's say 7. Each of the menu elements will have a short description before taking them to the actual page. Here's where jQuery interfears. When menu is clicked the related description should push the content to the right side and this description should, obviously, slide till it's seen. Done this! 

Here's my problem. Menu's are working perfectly, but only individually and I need them to behave like: when, let's say 'about', is clicked to bring up the about related description, but in this instance ( with the about description opened ) when another element is clicked, call it 'blog', the menu should slide back to the left side entirely ( it should close the about description ) and immediately open the 'blog' description. All this with only one action.

I'm definitely sure that this is very 'doable', but I'm really, really a beginner in jQuery means. Didn't want to spoil your time so I struggled, but unfortunately no luck.

Is there out somebody who knows the answer for my problem? Or at least an idea of how to get this thing to work? 

Thanks!