自定義樹形目錄（模擬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