使用bootstrap的data-target 实现页面上的3级展示、隐藏的效果

PS:最近客户看到别的网站的展示效果就让我们也做成那样；但是要做成3级展示和隐藏；一个大的分类下面有一小分类，小分类下面还有具体的问题展示。

思路：1、在java后台 拼接html在发给前端

            2、java后台传数据到前端再在js里面拼接成html

最后选用方法2；

说明一下我们使用的bootstrap 隐藏和显示使用的 :  data-target='#id'

 思路：后台传id和展示的内容到前端 

一级： id1    content1

二级：id2     content2

三级：id3    content3 

将id1作为二级的id；一级打开隐藏data-target='#id1'

将id2作为三级的id;二级打开隐藏data-target='#id2'

在一级展示里面循环嵌套二级在二级里面循环嵌套三级。。。一直往后嵌套

效果：（css太丑了！！！）

隐藏：

展开：

代码：    menu1 一级菜单数据  menu2 二级菜单数据