Expanding a Nav Bar on page load using JS & CSS

[silentdrummer93]

Hey guys, I want to have my nav bar extend and the text fade in (as in the animation) when the page loads.

I am very new to JavaScript, and have pretty much no idea what I'm doing.

Any help would be appreciated!

GIF was too big to upload..so I had to link it.. https://dl.dropbox.com/u/47836742/nav_bar.gif

 

[philip82]

Here you go, I've posted in a few comments.
It could be greatly improved, however it should work fine(requires jQuery).

hit the RUN button to see it in action
http://jsfiddle.net/KnGyM/4/

OR If you wish to wait for the animation to complete first, try this

http://jsfiddle.net/KnGyM/5/