如何创建可折叠的网络树视图

Question

首先感谢您阅读我的问题，

我相信图像比单词更好，我使用Office SmartArt工具创建了它。

所以上图显示了一个用户的3层，我的问题是如何使用mysql，php，js / jquery / json，html和CSS将其应用于web。

我需要的是 RED 颜色和 GREEN 颜色的节点可折叠。 红色打开绿色，每个绿色打开紫色

我现在只有这个想法，所以任何建议都会受到赞赏。

感谢