<?xml version="1.0" encoding="utf-8" ?>
<sites id="0">
<siteName>London
<groupName>Administration</groupName>
<groupName>IT
<groupName>IT Sales</groupName>
<groupName>Helpdesk</groupName>
</groupName>
</siteName>
</sites>
Above is just a sample snippet to highlight what I am trying to achieve. Basically I just want to have a way to traverse this. But with <divs> attached to each level with an onclick event which will display children of clicked node.
For example: London would be the element displayed, when clicked it will be overwritten with its childNodes in this case Administration & IT. When IT is clicked the childNodes IT Sales and Helpdesk will be displayed.
I would be really grateful for any advise that anyone can give on the best approach for this. I have looked into xslt and javascript although unable to reach desired outcome. I can achieve this using C#, though really needs to be on clientside. Thank you.