Generating a tree structure using xml

Generating a tree structure using xml

I have xml which generates dynamic.I want to populate the tree structure with the nodes name.The node values also ges populated in the left pane. The xml is in this format.
<Root>
<node1>
<key name="a">
<item>111</item>
</key>
</node1>
<Root>

Tree structure
Root
node1
a

Values ofkey
111 in the right pane
On clicking on tree structure it must display the respective value in right pane.The tree structure is collapsble and expandable.
my html is
<div id="compare-contentleft" >
                <div id="treeView">
                </div>
            </div>
   <div id="compare-contentright" >
                <div id="maincontent" >
                </div>
            </div>

Please guide me.

Thanks,
shweta