自定义树形目录（模拟SublimeText3）

因为网站升级须要，本身写了一个模拟SublimeText3的文件目录树，感受颇有实用性，后续修改灵活且方便，比处处找插件而后修改有更大的灵活性，意义重大，所以记录下来方便后续参考和改进。

开发时间：2018年6月5日

使用的插件有：jquery2.0,font-awesome-4.7.0

效果以下：

收缩栏目“目录1-1”以后：

收缩栏目“目录1”以后：

收缩栏目“目录2”以后：

 

源代码截图以下：

文件目录结构：

 

应用范围：

1：后台栏目的树形导航，如：

2：前台书籍的左侧树形导航，如：

 

版本前后经历先后7个版本，讲解的是最新一个版本（第7版），更新历史截图：

 

详细开发过程，能够参看视频（一共5个片断，时间长约40分钟）：

http://www.phpkhbd.com/video/331