設置方法はとってもシンプル! まず、「dtree.css」と「dtree.js」をhead要素内で読み込みます。 <head> <script type="text/javascript" src="dtree.js"></script> <link rel="stylesheet" type="text/css" href="dtree.css" /> </head> 次に、ツリーを格納するオブジェクトを生成し、add()関数にノードを指定していきます。 このtreeObj部分には、任意のツリーオブジェクト名を指定可能です。 そのため、1ページ内に複数のツリーを埋め込む場合は、このツリーオブジェクト名を別々にすればOKです。 ノードをすべて開く:treeObj.openAll(); ノードをすべて閉じる:treeObj.closeAll(); 任意のノードを開く:treeObj.open