How can I make a menu similar to NFL.com's using jQuery?

How can 开发者_开发百科I make a dropdown menu similar to NFL.com's using jQuery? I really like the way it stays hidden, while still providing all the convince of a regular menu.

Something similar can be achieved with jQuery using their Slide effect. Essentially, each of those submenus will be contained in their own div, each positioned such that when fully visible you get the submenu under the main nav. Then, simply start off with all of those subnav divs hidden, and apply the slide effect to show/hide them during mouseover/mouseout events.

NFL.com uses Script.aculo.us, which was written by Thomas Fuchs

See the Script.aculo.us site for lots of examples and demo code

The Effect.SlideDown and Effect.SlideUp should get you what you need for this type of menu.