js无限级折叠菜单精简版

发布时间：2026-01-17 | 点击率：

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>无限级折叠菜单 1.01 JS版</title> <meta name="keywords" content="hj1227 原创无限级折叠菜单 1.01js版"> <meta name="description" content="hj1227 原创无限级折叠菜单 1.01js版"> <style>  </style> </head> <body> <h3>无限级折叠菜单 1.0.1 JS版</h3> <ul> <li>菜单_1_1 <ul> <li>菜单_2_1 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> <li id='end'>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> <li id='end'>菜单_2_2 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> <li id='end'>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <li id='end'>菜单_1_2 <ul> <li>菜单_2_1 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> <li id='end'>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> <li id='end'>菜单_2_2 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> <li id='end'>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> <li id='end'>菜单_4_2 <ul> <li>菜单_5_1</li> <li id='end'>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
在线演示 http://demo./js/2011/caidan/index.htm

上一篇：最近很火的Laravel存储库模式（Repository）
下一篇：如何使用Python构建聊天机器人_NLP处理流程完整讲解【