Jquery hiding side navigation menu

[aeroswat]

Basically I want a rather simple navigation menu on the side that has a small tab that when it is mouse over'd it will pull out a list of links. It would also be good to do it in a visually appealing way. Just like slide out. Can anyone help me with this? I'm not sure how to get started :/

[seventheyejosh]

Usually this is done using css to toggle the display of ul's in li's with the :hover pseudo selector, then javascript is layed over the top to make it 'slide' or whatever you want. That way, it will degrade nicely for people who don't have javascript enabled.

 

Here is a nice tutorial for one. Even though it isn't a vertical menu, the same logic apply.

 

http://net.tutsplus.com/tutorials/design-tutorials/how-to-build-and-enhance-a-3-level-navigation-menu/

[aeroswat]

Usually this is done using css to toggle the display of ul's in li's with the :hover pseudo selector, then javascript is layed over the top to make it 'slide' or whatever you want. That way, it will degrade nicely for people who don't have javascript enabled.

 

Here is a nice tutorial for one. Even though it isn't a vertical menu, the same logic apply.

 

http://net.tutsplus.com/tutorials/design-tutorials/how-to-build-and-enhance-a-3-level-navigation-menu/

 

Thanks but i'm trying to come up with a simple way to do one myself that is fairly universal. That I can put anything in. I was thinking maybe using the jQuery library and having a div on the right side of the page that has everything in it but the width is only like 30 pixels wide so that it shows the picture that can be mouse'd over. When you mouse over it will expand the div however I believe if you expand the width that it goes to the right doesn't it? And that will expand the page which is not what I want to do. So at the same time I was thinking about animating the left property to change the position of the div. Does anyone know of an easier way to do this or is this the easiest way? The sidebar HAS TO BE on the right side.