使用jQuery製作樹形選單
阿新 • • 發佈：2018-11-16
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> #goods ul{ display: none; } </style> </head> <body> <ul id="goods"> <li onclick="show(this)">手機</li> <ul> <li>蘋果</li> <li>香蕉</li> <li>芝麻</li> </ul> <li onclick="show(this)">電腦</li> <ul> <li>蘋果</li> <li>聯想電腦</li> <li>神州電腦</li> </ul> <li onclick="show(this)">電視機</li> <ul> <li>小米</li> <li>創維</li> <li>康佳</li> </ul> </ul> </body> <script type="text/javascript"> function show(a) { //表示下一個標籤 $(a).next().toggle(); } </script> </html>