Example: Multi-tiered Menu From Markup (YUI Library)

# Example: Multi-tiered Menu From Markup (YUI Library) [Examples Home]

This example demonstrates how to create a multi-tiered menu using existing markup on the page. The Menu API also supports building a menu like this using nothing but JavaScript.

Note: By default clicking outside of a menu will hide it. Additionally, menu items without a submenu or a URL to navigate will hide their parent menu when clicked. Click the "Show Menu" button below to make the menu visible if it is hidden.

- Communication
  - 360°
  - Alerts
  - Avatars
  - Groups
  - Internet Access
  - PIM
    - Yahoo! Mail
    - Yahoo! Address Book
    - Yahoo! Calendar
    - Yahoo! Notepad
  - Member Directory
  - Messenger
  - Mobile
  - Photos
- Shopping
  - Auctions
  - Autos
  - Classifieds
  - Flowers & Gifts
  - Points
  - Real Estate
  - Travel
  - Wallet
  - Yellow Pages
- Entertainment
  - Fantasy Sports
  - Games
  - Kids
  - Music
  - Movies
  - Radio
  - Travel
  - TV
- Information
  - Downloads
  - Finance
  - Health
  - Local
  - Maps & Directions
  - My Yahoo!
  - News
  - Search
  - Small Business
  - Weather