5 <title>jQuery UI Menu - Default functionality</title>
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7 <script src="../../jquery-1.9.1.js"></script>
8 <script src="../../ui/jquery.ui.core.js"></script>
9 <script src="../../ui/jquery.ui.widget.js"></script>
10 <script src="../../ui/jquery.ui.position.js"></script>
11 <script src="../../ui/jquery.ui.menu.js"></script>
12 <link rel="stylesheet" href="../demos.css">
19 .ui-menu { width: 150px; }
25 <li class="ui-state-disabled"><a href="#">Aberdeen</a></li>
26 <li><a href="#">Ada</a></li>
27 <li><a href="#">Adamsville</a></li>
28 <li><a href="#">Addyston</a></li>
30 <a href="#">Delphi</a>
32 <li class="ui-state-disabled"><a href="#">Ada</a></li>
33 <li><a href="#">Saarland</a></li>
34 <li><a href="#">Salzburg</a></li>
37 <li><a href="#">Saarland</a></li>
39 <a href="#">Salzburg</a>
42 <a href="#">Delphi</a>
44 <li><a href="#">Ada</a></li>
45 <li><a href="#">Saarland</a></li>
46 <li><a href="#">Salzburg</a></li>
50 <a href="#">Delphi</a>
52 <li><a href="#">Ada</a></li>
53 <li><a href="#">Saarland</a></li>
54 <li><a href="#">Salzburg</a></li>
57 <li><a href="#">Perch</a></li>
60 <li class="ui-state-disabled"><a href="#">Amesville</a></li>
63 <div class="demo-description">
64 <p>A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.</p>