jQuery UI 1.9 Milestone 2 - does Menu support nested menus?
The menu in milestone 2 looks good in the popup menu. The wiki page mentions all sorts of other types of menu that this script will support. Does milestone 2 not support these types of menus yet, or is it just lacking in demos?
Specifically, I'm looking for menu bar capability per Visual design E2 on the wiki (
http://wiki.jqueryui.com/Menu). I called menu on my top level ul and it shows the sub menu list in the same menu as the parent list item.
Here is my test page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery UI Menu - Nested Menu demo</title>
<link type="text/css" href="css/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="src/jquery-1.4.2.js"></script>
<script type="text/javascript" src="src/jquery-ui.js"></script>
<link type="text/css" href="demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#menu1").menu();
});
</script>
<style>
.ui-menu { width: 200px; position: absolute; }
</style>
</head>
<body>
<ul id="menu1" class="ui-menu">
<li><a href="
http://google.com">Google</a></li>
<li><a href="
http://yahoo.com">Yahoo</a></li>
<li><a href="
http://msn.com">MSN</a>
<ul>
<li><a href="htp://sub1.example.com">sub-level</a></li>
<li><a href="
http://sub2.example.com">sub-level</a></li>
</ul>
</li>
<li><a href="
http://ask.com">Ask</a></li>
<li><a href="
http://aol.com">AOL</a></li>
</ul>
</body>
</html>