Adding Menu using JQuery

Adding Menu using JQuery

Source Code

<!doctype html>



<html lang="en">



<head>



  <meta charset="utf-8">



  <title>jQuery UI Menu - Default functionality</title>



  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">



  <script src="//code.jquery.com/jquery-1.10.2.js"></script>



  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>



  <link rel="stylesheet" href="/resources/demos/style.css">



  <script>



  $(function() {



    $( "#menu" ).menu();



  });



  </script>



  <style>



  .ui-menu { width: 150px; }



  </style>



</head>



<body>



 



<ul id="menu">



  <li class="ui-state-disabled">Aberdeen</li>



  <li>Ada</li>



  <li>Adamsville</li>



  <li>Addyston</li>



  <li>Delphi



    <ul>



      <li class="ui-state-disabled">Ada</li>



      <li>Saarland</li>



      <li>Salzburg an der schönen Donau</li>



    </ul>



  </li>



  <li>Saarland</li>



  <li>Salzburg



    <ul>



      <li>Delphi



        <ul>



          <li>Ada</li>



          <li>Saarland</li>



          <li>Salzburg</li>



        </ul>



      </li>



      <li>Delphi



        <ul>



          <li>Ada</li>



          <li>Saarland</li>



          <li>Salzburg</li>



        </ul>



      </li>



      <li>Perch</li>



    </ul>



  </li>



  <li class="ui-state-disabled">Amesville</li>



</ul>



 



 



</body>



</html>