jquery - jqueryのツリー構造

Question

ツリー構造のヘルプが必要です。ここにコードがあります。ネットから取得しました。これを展開および折りたたみ機能で表示する必要があります...

var treeNodes = [
                             {parent:-1,id:0,name:'root'},
                             {parent:1,id:3,name:'net'},
                             {parent:1,id:4,name:'flash '},
                             {parent:3,id:7,name:'South korea'},
                             {parent:6,id:8,name:'West korea'},
                             {parent:0,id:1,name:'Microsoft'},
                             {parent:1,id:5,name:'Google'},                          
                             {parent:0,id:2,name:'JPmorgon Intl'},
                             {parent:2,id:6,name:'SW'}
                         ];
            $("#container").append( buildNestedList(treeNodes, 0) );


            function buildNestedList(treeNodes, rootId) {
                  var nodesByParent = {};

                  $.each(treeNodes, function(i, node) {
                    if (!(node.parent in nodesByParent)) nodesByParent[node.parent] = [];
                    nodesByParent[node.parent].push(node);
                  });

                  function buildTree(children) {
                    var $container = $("<ul>");
                    if (!children) return;
                    $.each(children, function(i, child) {
                      $("<li>", {text: child.name})
                      .appendTo($container)
                      .append( buildTree(nodesByParent[child.id]) );
                    });
                    return $container;
                  }
                  return buildTree(nodesByParent[rootId]);
                }

どなたかご指導ください。ツリー構造を展開したり折りたたんだりするための + と _ のイメージを設定する必要があります。

前もって感謝します