Hi

I am trying to alter this vertical menu tree I found so that my second sub menu for the Air Team starting with Background to Upcoming Events will also collapse and show and disappear when you click on Air Team.
I do not know how to add this action to the code already in this menu.
I am sure I need to add some code and script action the that sub menu.
Would appreciate help non this
Thanks in advance



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../sandhillssyles.css" rel="stylesheet" type="text/css">
<link href="../navbarstyle.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
background-color: #CCCC99;
}
-->
</style></head>

<body>
<table width="800" height="507" border="0" align="center" bgcolor="#FFFFFF">
<tr>
<td height="135" valign="top"><img src="../images/thelogo4.gif" width="195" height="87"></td>
<td valign="top"><img src="../images/peaches.jpg" width="201" height="121"></td>
<td valign="top"><img src="../images/pinesanddogwood.jpg" width="199" height="121"></td>
<td valign="top"><img src="../images/bagpipes1.jpg" width="199" height="121"></td>
</tr>
<tr>
<td height="330" colspan="3"><!-- TemplateBeginEditable name="navbar" -->
<dl id="menu">

<dt class="navbody" onmouseover="javascript:show();"><a href="../index.htm">Home</a></dt>

<dt class="navbody" onclick="javascript:show('smenu2');">About Us</dt>
<dd id="smenu2" onmouseover="javascript:show('smenu2');" onmouseout="javascript:show('');">
<ul>
<li class="navsubmenu">Message from Executive Director</li>
<li class="navsubmenu">History of Sustainable Sandhills</li>
<li class="navsubmenu">Board of Directors</li>
<li class="navsubmenu">Leadership Council Members</li>
<li class="navsubmenu">Partners of Sustainable Sandhills</li>
<li class="navsubmenu">Staff</li>
<li class="navsubmenu">Contact Us</li>

</ul>
</dd>

<dt class="navbody" onclick="javascript:show('smenu3');">Teams</dt>
<dd id="smenu3" onmouseover="javascript:show('smenu3');" onmouseout="javascript:show('');">

<ul>
<li class="navsubmenu">Air Team</li>

<ul id="smenu3" class="navsub2menu">
<li class="navsub2menu">Background</li>
<li class="navsub2menu">Programs</li>
<li class="navsub2menu">Meeting Summaries</li>
<li class="navsub2menu">Upcoming Events</li>
</ul>
<li class="navsubmenu">Energy Team</li>
<li class="navsubmenu">Land Use Team</li>
<li class="navsubmenu">Materials Use Team</li>
<li class="navsubmenu">Water Team</li>
</ul>
</dd>

<dt class="navbody" onmouseover="javascript:show('smenu4');">Get Involved</dt>
<dd id="smenu4" onmouseover="javascript:show('smenu4');" onmouseout="javascript:show('');">
<ul>
<li class="navsubmenu">Become a Team Member</li>
<li class="navsubmenu">Become a Partner</li>
<li class="navsubmenu">Volunteer</li>
<li class="navsubmenu">Donate</li>
<li class="navsubmenu">Calendar of Events</li>
</ul>
</dd>

<dt class="navbody" onmouseover="javascript:show('smenu5');">Events</dt>
<dd id="smenu5" onmouseover="javascript:show('smenu5');" onmouseout="javascript:show('');">
<ul>
<li class="navsubmenu">January</li>
<li class="navsubmenu">February</li>
<li class="navsubmenu">March</li>
<li class="navsubmenu">Apri</li>
<li class="navsubmenu">June</li>
<li class="navsubmenu">July</li>
<li class="navsubmenu">August</li>
<li class="navsubmenu">September</li>
<li class="navsubmenu">October</li>
<li class="navsubmenu">November</li>
<li class="navsubmenu">December</li>
</ul>

</dd>
</ul>
<dt class="navbody" onmouseover="javascript:show('smenu6');">Resources</dt>
<dd id="smenu6" onmouseover="javascript:show('smenu6');" onmouseout="javascript:show('');">
<ul>
<li class="navsubmenu">sub-menu </li>
<li class="navsubmenu">sub-menu </li>
</ul>
</dd>

</dl>

<!-- TemplateEndEditable --></td>
<td valign="top" class="subheads"><!-- TemplateBeginEditable name="mainbody" --><!-- TemplateEndEditable --></td>
</tr>
<tr>
<td height="34" colspan="4" class="body"><div align="center">
<p class="body">Sustainable Sandhills &bull; PO Box 144, Fayetteville, NC 28302 &bull; 910-484-9098 &bull; Fax: 910-323-1028 </p>
</div></td>
</tr>
</table>
</body>
</html>