我正在实现一个 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)