<style>
<!--
.folding{cursor:hand;font-weight:bold}
-->
</style>
<script language="JavaScript1.2">
<!--/*Folding Menu Tree Script-By Dynamic Web Design (www.dynamic-design.com.ua)For full source code, installation instructions,100's more DHTML scripts, and Terms OfUse, visit http://www.dynamic-design.com.ua/develop/*/var head="display:''"img1=new Image()img1.src="plus.gif"img2=new Image()img2.src="minus.gif"function change(){if(!document.all)returnif (event.srcElement.className=="folding"){var x=event.srcElement.parentElementif (x.all[2].style.display=="none"){x.all[0].src="minus.gif"x.all[2].style.display=''}else{x.all[0].src="plus.gif"x.all[2].style.display="none"}}}document.onclick=change//-->
</script>

/*
Sliding Menu Bar Script-  
By Dynamic Web Design (www.dynamic-design.com.ua)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit http://www.dynamic-design.com.ua/develop/
*/
<div><img src="plus.gif"><span class="folding">Menu 1</span>
<ul style="list-style-image:url(list.gif);display:none" style=&{head};>
     <li><a href="fdddf">Link 1a</a></li>
     <li><a href="fdddf">Link 1b</a></li>
     <li><a href="fdddf">Link 1c</a></li>
</ul>
</div>
<div><img src="plus.gif"><span class="folding">Menu 2</span>
<ul style="list-style-image:url(list.gif);display:none" style=&{head};>
     <li><a href="fdddf">Link 2a</a></li>
     <li><a href="fdddf">Link 2b</a></li>
     <li><a href="fdddf">Link 2c</a></li>
</ul>
</div>
<div><img src="plus.gif"><span class="folding">Menu 3</span>
<ul style="list-style-image:url(list.gif);display:none" style=&{head};>
     <li><a href="fdddf">Link 3a</a></li>
     <li><a href="fdddf">Link 3b</a></li>
     <li><a href="fdddf">Link 3c</a></li>
</ul>
</div>