<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery UI 測試</title> <script src="jquery.min.js"></script> <script src="jquery-ui.min.js"></script> <link id="theme" href="themes/hot-sneaks/jquery-ui.min.css" rel="stylesheet"> <style> body { font-family: 微軟正黑體, Arial, Helvetica, sans-serif; font-size:12px; } </style> </head> <body> <ul id="books"> <li> <div>網路書店</div> <ul> <li> <div>博客來</div> </li> <li> <div>金石堂</div> </li> <li> <div>誠品</div> </li> </ul> </li> <li> <div>圖書館</div> <ul> <li> <div>高科大</div> </li> <li> <div>高雄市圖</div> </li> </ul> </li> </ul> <script> $(document).ready(function(){ $("#books").menu(); }); </script> </body> </html>