I'm trying to create a sliding menu, which will be usually hidden & display with a button click. I did this but currently the div pushing other contents of the page while coming out, so the other contents getting broken. Here is a live example of my work so far.
http://www.codecademy.com/courses/javascript-lesson-951/0/2
But I would like to have the overlay effect like the one we see on msdn library site. How I can do that?
it seems to me that in your CSS you should give the menu a position: absolute and a higer z-index if you want the other elements to stay where they are and have the menu be on top of them.