Question

我想要实现的目标如下：

我希望有一个树形视图列表，它将显示在页面的左侧，当一个Item展开时，它的项目是从数据库加载的（我可以做这个部分），所以基本上它会像这样：

+Category1
+Category2
+Category3
+Category4

当用户点击+时，它会显示以下信息，直到数据从数据库中获取并添加到页面中：

+Category1
-Category2
    loading ...
+Category3
+Category4

加载数据后，每个子类别将具有子子类别。

+Category1
-Category2
    +Sub-Cat1
    +Sub-Cat2
    +Sub-Cat3
    +Sub-Cat4
+Category3
+Category4

我怎样才能做到这一点？

注意：我想知道如何为列表添加（*或>或任何其他符号，我相信这是CSS，但我根本不使用设计!!）

非常感谢您的帮助。

Answer 1

您有任何浏览器要求吗？我使用了[CSS] Ninja示例，以及selectivizr来支持旧版本的IE。除了[CSS] Ninja网站上的内容之外，没有可访问的示例：

选择性的：

该示例适用于将其用于文件导航方案，但如果需要，您应该能够相当轻松地修改它以删除文件夹和文件图标。

Answer 2

好的，所以我假设您的商品清单是ul 对于每个项目，您可以添加一个名为closed的类，此clase在css中将如下所示：

.closed:before{content:'+';}
.opened:before{content:'-';}

然后