CODEWITHSUNDEEP
javascriptjquery
Bob Dylan
Bob Dylan

Reputation: 4453

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.

Upvotes: 2

Views: 312

Answers (2)

Chris Ballance
Chris Ballance

Reputation: 34337

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.

Upvotes: 2

Matt
Matt

Reputation: 41832

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.

Upvotes: 2

Related Questions