Javascript 单击链接时显示div，并根据单击的链接筛选数据

请先看图片：

我想展示一些div和链接。这是为“团队图”写的。假设我的公司有很多员工。父节点是CEO。然后，首席执行官下面有官员，然后每个官员下面都有工人。因此，当我点击首席执行官时，一个新的部门将打开，其中包括首席执行官下所有官员的姓名。当点击一名职员时，一个新的div将打开，其中包含该职员手下的所有员工。如果没有工人，则不会打开任何div。这条链条将一直持续到没有数据为止。将有500多个数据。所有数据都是静态的。但是我怎样才能轻松地显示数据呢

我的代码：

$（“li”）。单击（函数（）{
$（this.parent（）.prepend（$（this））；
});
.data{
边框：1px实心；
保证金：5px；
浮动：左；
填充：10px；
}
.数据a{
文字装饰：无；
}
.数据ul{
列表样式类型：无；
}


















阅读jQuery。单击并滑动切换。然后，玩这个，看看你能得到什么。如何过滤div中的数据？首先，除了父节点之外，所有内容都将隐藏。单击父节点后，将逐个显示其他节点。这将为您提供线索。和/或您询问有关隐藏元素的问题。首先，您可以使用CSS实现这一点。而且，这应该可以帮助您在单击时完成。