<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>制作子菜單</title> <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ $("h2").click(function(){ $(this).next("ul").css("display","block").addClass("nav"); $($("li")[0]).css("background-color","#ccc"); }); }) </script> <style type="text/css"> .nav li{ font-size:14px; font-weight:bold; line-height: 24px; } </style> </head> <body> <h2>新手指南</h2> <ul style='display:none'> <li><a href="#">會員注冊</a></li> <li><a href="#">訂閱更新</a></li> <li><a href="#">用戶協議</a></li> <li><a href="#">常見問題</a></li> </ul> </body> </html>