Hello I am creating a navbar for my site.


Here is some of the incomplete html layout of the navbar.

</td>
<td id="nav">
Select Category<br><br>
<div class="navlink"><a href="index.php">Index</a></div><br>

<div class="navlink"><A HREF="#" onclick="javascript: Accounts.style.display='inline';">User Accounts</a></div>
<DIV id="Accounts" style="display: none">
Myspace<br>
Facebook<br>
AIM<br>
Youtube<br>


<div class="navlink"><a href="software.php">Software</a></div>

<div class="navlink"><a href="documents.php">Documents</a></div>

<div class="navlink"><a href="music.php">Music</a></div>


<div class="navlink"><a href="pr0n.php">XXX</a></div>


</td>
</tr>
</table>

</body>
</html>



This is the 'template code' that I am looking to use.


<DIV id="Accounts" style="display: none">
Text


<A HREF="#" onClick="javascript: Accounts.style.display='none'; AccountsHide.style.display='inline'"><font size="5">Hide</font></A>
</DIV>

<DIV id="ShowNav">
<A HREF="#" onclick="javascript: Accounts.style.display='inline'; AccountsHide.style.display='none'; "><font size="5">Show All</font></A>
</DIV>
The question is can I use the 'template code' to make it where someone can click the category and below it appears the subcategories? or what is a good, easy way to accomplish that?

Thank you let me know if I need to make this more clear,
BiLLy