jstreeはインタラクティブなツリー機能を実装できるjQueryプラグインです。子リストなどを自由に開閉したりできるのが便利ですね。ドラッグアンドドロップやキーボードナビゲーションなどにも対応しています。
jstree
以下のページからjstreeの実際のデモ動作をチェックできます。
デモでは画面右上にツリー機能を備えた図が用意されています。斜め下を指している矢印アイコンの部分をクリックすると、その部分のメニューを閉じたり開いたりすることが可能です。また、キーボード操作もサポートしていて、上下キーを使用することで選択ポイントを移動させることができます。こういった細部に渡る便利な仕様もうれしいポイントですね。
ほかにも、チェック機能を付けたりいろいろカスタマイズできるので、自サイトにあうツリー機能を実装したい人はぜひチェックしてみてください。JSONデータやAJAXもサポートされているので、大量の情報を扱う時にも役立つのではないでしょうか？
というわけで、インタラクティブなツリー機能を実装できるjQueryプラグイン「jstree」の紹介でした。jstreeの具体的な使い方やダウンロードは以下のページからどうぞ。
