Javascript 如何在包含展开和折叠的html页面中创建树视图

保险商实验室{
列表样式类型：无；
填充：0；
保证金：0；
}
李{
左侧填充：0.5em；
}
.handle{
背景：透明url（/images/spacer.png）；
背景重复：无重复；
背景位置：中底；
显示：块；
浮动：左；
宽度：10px；
高度：11px；
}                                                                                    
.崩溃{
背景：透明url（/images/plus black.png）；
背景重复：无重复；
背景位置：中底；
光标：指针；
}                                                                                    
.扩大{
背景：透明url（/images/减去black.png）；
背景重复：无重复；
背景位置：中底；
光标：指针；
}     
$（文档）.ready（函数（）{
jQuery（“#tree ul”）.hide（）；
jQuery（“#树li”）。每个（函数（）{
var handleSpan=jQuery（“”）；
handleSpan.addClass（“句柄”）；
手柄盘。预端到（此）；
if（jQuery（this）.has（“ul”）.size（）>0）{
handleSpan.addClass（“折叠”）；
把手平移。单击（函数（）{
var clicked=jQuery（this）；
单击.toggleClass（“折叠展开”）；
单击.ul“.toggle（）；
});
}
});
})
条款和条件




xxxx
xxxx
xxxx
评论
区域
A国
xxxx
xxxx


A节

行项目


xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx
xxxxx

如果您使用的是引导，则有用于此类任务的插件和库，例如：

如果您想要纯HTML/JS解决方案，请参考以下答案：

---

如果您正在使用引导，则有用于此类任务的插件和库，例如：

如果您想要纯HTML/JS解决方案，请参考以下答案：

---

有很多jQuery插件，它们支持使用expand和coll实现简单的html树网格结构