CARVIEW

MOTORHOMES

Select Language

HTTP/2 301 date: Fri, 26 Dec 2025 13:12:56 GMT content-type: text/html; charset=UTF-8 location: https://jqueryui.com/menu/ server: cloudflare x-powered-by: PHP/8.2.29 vary: X-Forwarded-Proto, accept-encoding reporting-endpoints: csp-endpoint="https://csp-report-api.openjs-foundation.workers.dev/" content-security-policy: default-src 'self'; script-src 'self' code.jquery.com download.jqueryui.com; style-src 'self' 'unsafe-inline' code.jquery.com download.jqueryui.com; style-src-attr 'unsafe-inline'; img-src 'self' data: code.jquery.com download.jqueryui.com; connect-src 'self' typesense.jquery.com; font-src 'self' data:; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; block-all-mixed-content ; report-to csp-endpoint; report-uri https://csp-report-api.openjs-foundation.workers.dev/; form-action 'self' download.jqueryui.com; x-redirect-by: WordPress expires: Fri, 26 Dec 2025 17:12:56 GMT cache-control: public, max-age=14400 cf-cache-status: MISS cf-ray: 9b40d529af44e9c3-BLR HTTP/2 200 date: Fri, 26 Dec 2025 13:12:57 GMT content-type: text/html; charset=UTF-8 server: cloudflare cache-control: public, max-age=14400 vary: Accept-Encoding vary: X-Forwarded-Proto x-powered-by: PHP/8.2.29 reporting-endpoints: csp-endpoint="https://csp-report-api.openjs-foundation.workers.dev/" content-security-policy: default-src 'self'; script-src 'self' code.jquery.com download.jqueryui.com; style-src 'self' 'unsafe-inline' code.jquery.com download.jqueryui.com; style-src-attr 'unsafe-inline'; img-src 'self' data: code.jquery.com download.jqueryui.com; connect-src 'self' typesense.jquery.com; font-src 'self' data:; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; block-all-mixed-content ; report-to csp-endpoint; report-uri https://csp-report-api.openjs-foundation.workers.dev/; form-action 'self' download.jqueryui.com; link: ; rel="https://api.w.org/" link: ; rel="alternate"; title="JSON"; type="application/json" content-encoding: gzip cf-cache-status: BYPASS expires: Fri, 26 Dec 2025 17:12:57 GMT cf-ray: 9b40d52b4b65e9c3-BLR Menu | jQuery UI

jQuery UI

	
		
				
				
				
				
					<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Menu - Default functionality</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
  <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#menu" ).menu();
  } );
  </script>
  <style>
  .ui-menu { width: 150px; }
  </style>
</head>
<body>
 
<ul id="menu">
  <li class="ui-state-disabled"><div>Toys (n/a)</div></li>
  <li><div>Books</div></li>
  <li><div>Clothing</div></li>
  <li><div>Electronics</div>
    <ul>
      <li class="ui-state-disabled"><div>Home Entertainment</div></li>
      <li><div>Car Hifi</div></li>
      <li><div>Utilities</div></li>
    </ul>
  </li>
  <li><div>Movies</div></li>
  <li><div>Music</div>
    <ul>
      <li><div>Rock</div>
        <ul>
          <li><div>Alternative</div></li>
          <li><div>Classic</div></li>
        </ul>
      </li>
      <li><div>Jazz</div>
        <ul>
          <li><div>Freejazz</div></li>
          <li><div>Big Band</div></li>
          <li><div>Modern</div></li>
        </ul>
      </li>
      <li><div>Pop</div></li>
    </ul>
  </li>
  <li class="ui-state-disabled"><div>Specials (n/a)</div></li>
</ul>
 
 
 
 
</body></html>

				
			

	

Want to learn more about the menu widget? Check out the API documentation.

Original Source | Taken Source

jQuery UI

Menu

Examples