Javascript 展开折叠的html树表节点

如何在运行时折叠所有

树节点（第一个节点除外）

，其第一个子节点必须使用一些背景色进行选择。我们只需要打开一次节点，其余的都折叠起来。当我们单击任何折叠的节点时，展开的节点必须折叠并打开单击的节点，其索引与先前打开的子节点选择相同。例如，

盈利能力（第一个节点）

节点打开时选择第一个子节点，当我们单击

（增长）第二个或（效率）

第三个父节点时，必须选择第一个子节点。当前，展开和折叠仅在使用

加号（+）减号（-）按钮时发生。是否可以在单击父节点时展开和折叠？如何通过单击子节点上的子节点项来获取父节点文本？
可以在这里找到JSFIDLE。提前谢谢
 简单的代码将受到赞赏。链接，特定代码（HTML，CSS，JS）的一部分将是伟大的，这样我们只能猜测：这里是我的JSFIDLE