jQueryUIをはじめる方は必見、超簡単サンプル集～その２～

6.Menuのサンプルスクリプト

こちらもメニュー表示では定番。

<html lang="ja">
<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  $(function() {
    $("#menu").menu();
  });
  </script>
  <style>
   .ui-menu {width:300px;}
  </style>
</head>
<body>
<ul id="menu">
  <li><a href="#">jQueryUIサンプルスクリプト</a>
    <ul>
    <li><a href="https://techpjin.sakura.ne.jp/techpjin_new/archives/30561">jQueryUIサンプルスクリプト1</a></li>
    <li><a href="https://techpjin.sakura.ne.jp/techpjin_new/archives/30592">jQueryUIサンプルスクリプト2</a></li>
    </ul>
  </li>
  <li><a href="https://techpjin.sakura.ne.jp/techpjin_new/archives/9466">jQuery入門</a></li>
  <li><a href="https://techpjin.sakura.ne.jp/techpjin_new/archives/9037">javascript入門</a></li>
</ul>
</body>
</html>