I am a graphic/product designer in the process of making my first portfolio website.

The basic's of html/ccs was learned at codeacademy.com and various youtube videos starting about 3 weeks ago so my skills are somwhat limited.
Before I put my homepage online I wish to have one more function.
When pressing about or contact I would like to have the the text in dark-grey content to slide to the left and make way for the about or contact content which should slide in from the right.

The about page would have a photo of me and some text about me, the contact page would have a contact form.

I have searched and found various jquery sliders such as:



I have been trying to get this to work on my site for about 4 days without any luck.

Is there someone who can help me or at least point me in right direction ?

The site in it current state can be downloaded from here: https://www.dropbox.com/sh/t0afrgtcjdu2m3b/X1iIC5x7Cr

Any form of assistance would be much appreciated.