小编abr*_*abr的帖子

展开-可折叠 HTML 列表- ul - li - Javascript

我正在实现一个 ul 和 li 列表,来自 json 数据并具有展开/折叠功能。

\n\n

问题是,当尝试展开/折叠时,所有子项都一起展开,但我只想折叠/展开单击的子项;

\n\n

这是我的代码:

\n\n
<html>\n   <head>\n      <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>\n      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>\n      <style type="text/css">\n         ul li ul {\n         display: none;\n         } \n         a {\n         color: red;\n         }\n      </style>\n      <title></title>\n   </head>\n   <body>\n      <ul id="menu" class="list">\n      </ul>\n      <script type="text/javascript">\n         $(window)\n                 .load(\n                         function() {\n                             var JSON = {\n                                 menu : [ {\n                                     name : \'Title\',\n                                     link : \'#\',\n                                     sub : [ {\n                                         name : \'Enclosure1\',\n                                         link : \'#\',\n                                         sub : null\n                                     }, {\n                                         name : \'Enclosure2\',\n …
Run Code Online (Sandbox Code Playgroud)

html javascript html-lists

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

html ×1

html-lists ×1

javascript ×1