JsTree

JsTreeはフォルダ構造をツリー表示するためのプラグインです。
導入にはやはり手古摺りました。
なんせプロパティが多いものはその意味を知るのに苦労しますね。

導入方法

公式サイトからダウンロードし解凍後、任意のフォルダにjquery.jstree.jsファイルを配置します。
また、同じフォルダ内にthemesフォルダも配置してください。
このフォルダ内のファイルを使って表示を切り替えますので。

実装例

これは後ほど書きます。
主に設定するプロパティについてです。

XMLデータフォーマット

以下の構造のXMLを読み込んでツリー表示にしてくれます。

<root>
　<item id="oya1">
　　<content>
　　　<name>親１</name>
　　</content>
　　<item id="ko1">
　　　<content>
　　　　<name>子</name>
　　　</content>
　　</item>
　</item>
　<item id="oya2">
　　<content>
　　　<name>親２</name>
　　</content>
　　<item id="ko2">
　　　<content>
　　　　<name>子２</name>
　　　</content>
　　　<item id="mago1">
　　　　<content>
　　　　　<name>孫１</name>
　　　　</content>
　　　</item>
　　</item>
　</item>
</root>

JsTree
実装例は以下を参考にしてください。
JsTree Documentation