This example demonstrates how to title groups of MenuItem instances.
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.
The markup for a Menu control follows that of
YAHOO.widget.Module, with its body element
<div class="bd"/>) containing a list element
Each item in a Menu is represented by a list item element
<li class="yuimenuitem"/>), each of which has a
<a class="yuimenuitemlabel"/>) that can
contain plain text or HTML.
The body of Menu can house many
<ul/> elements to
organize related items into groups. Each group can have a title by
<ul/> with a
To instantiate a Menu, pass the id of its corresponding HTML element
(in this case "basicmenu") to the Menu constructor
YAHOO.widget.Menu). Once instantiated, it is necessary to
render method. If you are creating a Menu from
markup that exists in the page you call