Looping Nested unordered list for menu (arrays)

[vanishdesign]

I'm confused as to how to use an associative array to produce a menu with a nested UL. For example, the result I'd like to achieve is:

<ul>
<li><a href="page1.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a>
   <ul>
     <li><a href="page2-1.html">Page 2-1</a></li>
     <li><a href="page2-2.html">Page 2-2</a></li>
     <li><a href="page2-3.html">Page 2-3</a></li>
	</ul>
</li>
<li><a href="page3.html">Page 3</a></li>
</ul>

I can get my head around using an array like
Array("page1.html"=>"Page 1", "page2.html"=>"Page 2");
but I wouldn't know how to end the nested UL or where to store the value for Page 2, for example, when creating the menu.

Any ideas?

[AnthonySterling]

Maybe this post would help you on your way?

[vanishdesign]

Yes, stellar. Thanks! But what if Categories or Biscuits in your example is a link rather than just an empty anchor?