<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Menu Test Suite</title> <script src="../../../external/requirejs/require.js"></script> <script src="../../lib/css.js" data-modules="core menu"></script> <script src="../../lib/bootstrap.js" data-widget="menu"></script> <style> .ui-menu { font-size: 15px; line-height: 15px; } .ui-menu .ui-menu-item-wrapper { padding: 0; } #menu3 { height: 250px; overflow: auto; } #menu4, #menu4 ul { height: 250px; overflow: auto; } </style> </head> <body> <div id="qunit">jQuery UI Menu Test Suite</div> <div id="qunit-fixture"> <ul class="foo" id="menu1"> <li class="foo"><div>Aberdeen</div> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div id="testID1">Addyston</div></li> <li class="foo"><div>Adelphi</div></li> </ul> <ul id="menu2"> <li class="foo"><div>Aberdeen</div></li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"> <div><span class="ui-icon ui-icon-print"></span>Addyston</div> </li> <li> <div>Delphi</div> <ul> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Saarland</div></li> <li class="foo"><div>Salzburg</div></li> </ul> </li> <li class="foo"><div> Saarland</div></li> <li> <div>Salzburg</div> <ul> <li> <div>Delphi</div> <ul> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Saarland</div></li> <li class="foo"><div>Salzburg</div></li> </ul> </li> <li> <div>Delphi</div> <ul> <li class="foo"><div>Ada</div></li> <li> - </li> <li class="foo"><div>Saarland</div></li> <li></li> <li class="foo"><div>Salzburg</div></li> <li>–</li> </ul> </li> <li class="foo"><div>Perch</div></li> </ul> </li> </ul> <ul class="foo" id="menu3"> <li class="foo"><div>Aberdeen</div></li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> <li class="foo"><div>Adena</div></li> <li class="foo"><div>Adrian</div></li> <li class="foo"><div>Akron</div></li> <li class="foo"><div>Albany</div></li> <li class="foo"><div>Alexandria</div></li> <li class="foo"><div>Alger</div></li> <li class="foo"><div>Alledonia</div></li> <li class="foo"><div>Alliance</div></li> <li class="foo"><div>Alpha</div></li> <li class="foo"><div>Alvada</div></li> <li class="foo"><div>Alvordton</div></li> <li class="foo"><div>Amanda</div></li> <li class="foo"><div>Amelia</div></li> <li class="foo"><div>Amesville</div></li> <li class="foo"><div>Aberdeen</div></li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> <li class="foo"><div>Adena</div></li> <li class="foo"><div>Adrian</div></li> <li class="foo"><div>Akron</div></li> <li class="foo"><div>Albany</div></li> <li class="foo"><div>Alexandria</div></li> <li class="foo"><div>Alger</div></li> <li class="foo"><div>Alledonia</div></li> <li class="foo"><div>Alliance</div></li> <li class="foo"><div>Alpha</div></li> <li class="foo"><div>Alvada</div></li> <li class="foo"><div>Alvordton</div></li> <li class="foo"><div>Amanda</div></li> <li class="foo"><div>Amelia</div></li> <li class="foo"><div>Amesville</div></li> </ul> <ul class="foo" id="menu4"> <li class="foo"><div>Aberdeen</div></li> <li class="foo"> <div>Ada</div> <ul class="foo"> <li class="foo"><div>Aberdeen</div></li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> <li class="foo"><div>Adena</div></li> <li class="foo"><div>Adrian</div></li> <li class="foo"><div>Akron</div></li> <li class="foo"><div>Albany</div></li> <li class="foo"><div>Alexandria</div></li> <li class="foo"><div>Alger</div></li> <li class="foo"><div>Alledonia</div></li> <li class="foo"><div>Alliance</div></li> <li class="foo"><div>Alpha</div></li> <li class="foo"><div>Alvada</div></li> <li class="foo"><div>Alvordton</div></li> <li class="foo"><div>Amanda</div></li> <li class="foo"><div>Amelia</div></li> <li class="foo"><div>Amesville</div></li> <li class="foo"><div>Aberdeen</div></li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> <li class="foo"><div>Adena</div></li> <li class="foo"><div>Adrian</div></li> <li class="foo"><div>Akron</div></li> <li class="foo"><div>Albany</div></li> </ul> </li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> <li class="foo"><div>Adena</div></li> <li class="foo"><div>Adrian</div></li> <li class="foo"><div>Akron</div></li> <li class="foo"><div>Albany</div></li> <li class="foo"><div>Alexandria</div></li> <li class="foo"><div>Alger</div></li> <li class="foo"><div>Alledonia</div></li> <li class="foo"><div>Alliance</div></li> <li class="foo"><div>Alpha</div></li> <li class="foo"><div>Alvada</div></li> <li class="foo"><div>Alvordton</div></li> <li class="foo"><div>Amanda</div></li> <li class="foo"><div>Amelia</div></li> <li class="foo"><div>Amesville</div></li> <li class="foo"><div>Aberdeen</div></li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> <li class="foo"><div>Adena</div></li> <li class="foo"><div>Adrian</div></li> <li class="foo"><div>Akron</div></li> <li class="foo"><div>Albany</div></li> <li class="foo"><div>Alexandria</div></li> <li class="foo"><div>Alger</div></li> <li class="foo"><div>Alledonia</div></li> <li class="foo"><div>Alliance</div></li> <li class="foo"><div>Alpha</div></li> <li class="foo"><div>Alvada</div></li> <li class="foo"><div>Alvordton</div></li> <li class="foo"><div>Amanda</div></li> <li class="foo"><div>Amelia</div></li> <li class="foo"><div>Amesville</div></li> </ul> <div id="menu5"> <blockquote><div>Aberdeen</div></blockquote> <blockquote><div>Ada</div></blockquote> <blockquote><div>Adamsville</div></blockquote> <blockquote><div>Addyston</div></blockquote> <blockquote> <div>Delphi</div> <div class="menu"> <blockquote><div>Ada</div></blockquote> <blockquote><div>Saarland</div></blockquote> <blockquote><div>Salzburg</div></blockquote> </div> </blockquote> <blockquote><div>Saarland</div></blockquote> <blockquote> <div>Salzburg</div> <div class="menu"> <blockquote> <div>Delphi</div> <div class="menu"> <blockquote><div>Ada</div></blockquote> <blockquote id="testID2">Saarland</blockquote> <blockquote><div>Salzburg</div></blockquote> </div> </blockquote> <blockquote> <div>Delphi</div> <div class="menu"> <blockquote><div>Ada</div></blockquote> <blockquote><div>Saarland</div></blockquote> <blockquote><div>Salzburg</div></blockquote> </div> </blockquote> <blockquote><div>Perch</div></blockquote> </div> </blockquote> </div> <ul id="menu6"> <li class="foo"><div>Aberdeen</div></li> <li class="foo ui-state-disabled"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li id="testID3" class="ui-state-disabled"> <div>Delphi</div> <ul> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Saarland</div></li> <li class="foo"><div>Salzburg</div></li> </ul> </li> <li class="foo"><div>Saarland</div></li> </ul> <ul id="menu7"> <li class="ui-menu-group"> <div><strong>Group 1</strong></div> </li> <li><div>Aberdeen</div></li> <li><div>Ada</div></li> <li><div>Adamsville</div></li> <li><div>Addyston</div></li> <li></li> <li class="ui-menu-group"> <div><strong>Group 2</strong></div> </li> <li> <div>Delphi</div> <ul> <li><div>Ada</div></li> <li><div>Saarland</div></li> <li><div>Salzburg</div></li> </ul> </li> <li><div>Saarland</div></li> <li>---</li> <li class="ui-menu-group"> <div><strong>Group 3</strong></div> </li> <li> <div>Salzburg</div> <ul> <li> <div>Delphi</div> <ul> <li><div>Ada</div></li> <li> - </li> <li><div>Saarland</div></li> <li>—</li> <li><div>Salzburg</div></li> <li>–</li> </ul> </li> <li> <div>Delphi</div> <ul> <li><div>Ada</div></li> <li><div>Saarland</div></li> <li><div>Salzburg</div></li> </ul> </li> <li><div>Perch</div></li> </ul> </li> <li><div>Amesville</div></li> </ul> <ul id="menu8"> <li class="foo"><div>Aberdeen</div></li> <li class="foo ui-state-disabled"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo">-</li> <li class="foo"><div>-Saarland</div></li> </ul> <ul class="foo" id="menu9"> <li class="foo"> <div>Aberdeen</div> <ul> <li class="foo"><div>Ada</div></li> </ul> </li> <li class="foo"><div>Ada</div></li> <li class="foo"><div>Adamsville</div></li> <li class="foo"><div>Addyston</div></li> <li class="foo"><div>Adelphi</div></li> </ul> </div> </body> </html>