Demo 40: Tree Folder Menu

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=90 BGCOLOR="#FFFFFF" TEXT="#080000" background="042785a3.jpg"> <div> <B>Demo 40: Tree Folder Menu</B></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" width=210 BGCOLOR="#FFFFFF" TEXT="#080000" background="043d2b03.jpg"> <bR> <div> <B> <head> <style>  </style> <script language="JavaScript1.2">  </script> </head>  </B></div> <div> <B> <font face="Verdana"> <ul> <li id="foldheader">News</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.cnn.com" target="TRLX_Middle">CNN</a></li> <li><a href="http://www.abcnews.com" target="TRLX_Middle">ABC News</a></li> <li><a href="http://www.cbs.com" target="TRLX_Middle">CBS News</a></li> </ul> <li id="foldheader">Webmaster</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Dynamic Drive</a></li> <li><a href="http://www.bravenet.com" target="TRLX_Middle">Bravenet</a></li> <li><a href="http://www.freewarejava.com" target="TRLX_Middle">Freewarejava.com</a></li> </ul> <li id="foldheader">Nested Example</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Outer 1</a></li> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Outer 2</a></li> <li id="foldheader">Nested</li> <ul id="foldinglist" style="display:none" style=&{head};> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Nested 1</a></li> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Nested 2</a></li> </ul> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Outer 3</a></li> <li><a href="http://www.dynamicdrive.com" target="TRLX_Middle">Outer 4</a></li> </ul> </ul> </font> <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br> <a href="http://www.dynamicdrive.com" target="TRLX_Middle">Dynamic Drive</a></font></p>  </B></div> <bR> </td> <td valign="top" height=390 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <A HREF="id2.htm" TARGET="_top" TITLE="Script 1"><U>Script 1</U></A></div> <div> <A HREF="id3.htm" TARGET="_top" TITLE="Script 2"><U>Script 2</U></A></div> <div> <A HREF="id4.htm" TARGET="_top" TITLE="Script 3"><U>Script 3</U></A></div> <div> <A HREF="id6.htm" TARGET="_top" TITLE="Putting it together!"><U>Putting it together!</U></A></div> <bR> <bR> <div> Obtained from:</div> <div> <A HREF="http://dynamicdrive.com/dynamicindex1/navigate1.htm" TARGET="_top" TITLE="http://dynamicdrive.com/dynamicindex1/na"><U>http://dynamicdrive.com/dynamicindex1/navigate1.htm</U></A></div> <bR> <div> Instructions for implementing</div> <div> There are actually three scripts involved:</div> <div> The first script script contains the code that makes it all work</div> <div> The second script is the one you would edit to create your actual links</div> <div> The third script is optional, and adds persistence to the folder state</div> </td> </tr></table></body>