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 somewhat limited.

I've gotten the page this far but now im stuck. I want to add a slider so that when your press "about" or "contact" the dark-grey content slides 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 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 over a week without any luck.

The main problem is that i don't understand how to make my div a part of the slide and how do add editable divs for the about and contact content.

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

The site in it's current state can be seen at: http://www.rogerjansson.com/

Any form of assistance would be much appreciated.