I'm having a little problem with changing some html with js.
<div id="nav">
<ul>
<li>node one</li>
<li>node two
<ul>
<li>subnode one</li>
<li>subnode one</li>
<li>subnode one</li>
</ul>
</li>
<li>node three
<ul>
<li>subnode one</li>
<li>subnode one</li>
<li>subnode one</li>
</ul>
</li>
<li>node four
<ul>
<li>subnode one</li>
<li>subnode one</li>
<li>subnode one</li>
</ul>
</li>
</ul>
</div>
When you click on a node, the subnodes will be shown/hidden.
any help would be much appreciated,
Miles