Sliding "pull-down" navigation - what do I use? How do I implement? jQuery?

Question

I'm new to Javascript and jQuery, but I'm learning. Here is what I'd like to accomplish:

I have a row of navigation "pull-down" tabs that I'd like to animate. Some sliders will have text links to sub-pages and some will not. The bottom portion of the tab should be clickable to go to the main page. Then the sub-page, text links should also be clickable.

Here is a graphic example that should make sense of what I'd like to do: http://lionheart.net/downloads/nav-example.png

Mouse over, would slide it down. Mouse out, after a second, should auto-slide up.

I would prefer to have it be a div sliding up and down.

Is this possible with jQuery or something else? Thanks so much for any help you can give me!

Answer 1

It is working fine on jquery itself. If you are using jquery i think you may have problem of assigning jquery with id. If you are using id, it worked only one page.

Please use the class in jquery for using all pages. Instead of # using in ID, use . in class.