I am trying to figure out ( for days now ) if there is a way to keep the submenu open on the linked page when the user clicks it. the page is included
here is my code: ( shortened )
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background color: #d1daec;
font-family: helvetica;
font-size: 0.6em;
font-weight: bold;
}
#dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
white-space: normal;
}
#menu {
position: static; /* Menu position that can be changed at will */
top: 105;
left: 2;
}
#menu {
width: 12em;
}
#menu dt {
cursor: pointer;
margin: 0;
line-height: 15px;
text-align: left;
font-weight: bold;
border: #d1daec;
background: #d1daec;
}
#menu dd {
border: #d1daec;
}
#menu li {
text-align: left;
background: #ffffff;
}
#menu li a, #menu dt a {
color: #d1daec;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background: #ffffff;
}
#menu li a:hover {
background: #d1daec;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=20; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<dl id="menu">
<dt onclick="javascript:show();"><a href="http://www.supportplus.com/Medical_Support_Hose.cfm?catx=&title=Medical%20Support%20Hose"><font size="small" color="#3c4d5f"> <b>Medical Support Hose</b></font></a></dt>
<dt onclick="javascript:show('smenu2');"><a href="http://www.supportplus.com/womens_hose.cfm?gender=Women&catx=wsh&title=Women's%20Medical%20Support%20Hose"><font size="small" color="#3c4d5f"> <b>Women's</b></font></a></dt>
<dd id="smenu2" style='display:none'>
<ul>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Brand</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=jobst&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Jobst%20AND%20Womens&&refine.x=12&refine.y=10"><font size="small" color="#526981"> Jobst</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=futuro&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Futuro%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Futuro</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=bauer%20black&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Bauer%20Black%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Bauer & Black</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=support%20plus&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Support%20Plus%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Support Plus</font></a></li>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Compression</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=mild&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Mild%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Mild (8-15)</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=moderate&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Moderate%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Moderate (15-20)</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=firm&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Firm%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Firm (20-30)</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=very%20firm&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Very%20Firm%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Very Firm (30+)</font></a></li>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Style</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=knee%20high&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Knee%20High%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Knee-High</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=thigh%20high&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Thigh%20High%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Thigh-High</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=pantyhose&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Pantyhose%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Pantyhose</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=athletic&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Athletic%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Athletic</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=casual&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Casual%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Casual</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=wsh&gender=women&active=dress&CATEGORY=MEDICAL%20SUPPORT%20HOSE&Type=Dress%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Dress</font></a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu3');"><a href="http://www.supportplus.com/mens_hose.cfm?catx=msh&gender=men&title=Men's%20Medical%20Support%20Hose"><font size="small" color="#3c4d5f"> <b>Men's</b></font></a></dt>
<dd id="smenu3" style='display:none'>
<ul>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Brand</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=jobst&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Jobst%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Jobst</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=futuro&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Futuro%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Futuro</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=bauer%20black&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Bauer%20Black%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Bauer & Black</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=support%20plus&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Support%20Plus%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Support Plus</font></a></li>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Compression</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=mild&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Mild%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Mild (8-15)</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=moderate&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Moderate%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Moderate (15-20)</font></a></li>
<li><a href="#http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=firm&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Firm%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Firm (20-30)</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=very%20firm&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Very%20Firm%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Very Firm (30+)</font></a></li>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Style</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=knee%20high&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Knee%20High%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Knee-High</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=thigh%20high&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Thigh%20High%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Thigh-High</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=athletic&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Athletic%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Athletic</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=casual&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Casual%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Casual</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=msh&gender=men&active=dress&CATEGORY=MEDICAL%20SUPPORT%20HOSE&TYPE=Dress%20AND%20MENS&refine.x=12&refine.y=10"><font size="small" color="#526981"> Dress</font></a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu4');"><a href="http://www.supportplus.com/socks.cfm?catx=tsocks&title=Therapeutic%20Socks"><font size="small" color="#3c4d5f"> <b>Therapeutic Socks</b></font></a></dt>
<dd id="smenu4" style='display:none' >
<ul>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=tsocks&active=fordiab&CATEGORY=Therapeutic%20Socks&TYPE=Diabetes&refine.x=12&refine.y=10"><font size="small" color="#526981"> For Diabetes</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=tsocks&active=athletic&CATEGORY=Therapeutic%20Socks&TYPE=Athletic&refine.x=12&refine.y=10"><font size="small" color="#526981"> Athletic</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=tsocks&active=casual&CATEGORY=Therapeutic%20Socks&TYPE=Casual&refine.x=12&refine.y=10"><font size="small" color="#526981"> Casual</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=tsocks&active=dress&CATEGORY=Therapeutic%20Socks&TYPE=Dress&refine.x=12&refine.y=10"><font size="small" color="#526981"> Dress</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=tsocks&active=widecalf&CATEGORY=Therapeutic%20Socks&TYPE=Wide%20Calf&refine.x=12&refine.y=10"><font size="small" color="#526981"> Wide Calf</font></a></li>
</ul>
</dd>
<dt onclick="javascript:show();"><a href="http://www.supportplus.com/shoes_footwear.cfm?title=Shoes%20&%20Footware"><font size="small" color="#3c4d5f"> <b>Shoes/Footwear</b></font></a></dt>
<dt onclick="javascript:show('smenu5');"><a href="http://www.supportplus.com/womens_shoes.cfm?gender=Women&catx=ws&title=Women's%20Shoes"><font size="small" color="#3c4d5f"> <b>Women's</b></font></a></dt>
<dd id="smenu5" style='display:none'>
<ul>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Brand</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=drew&CATEGORY=Shoes%20Footwear&TYPE=Drew%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Drew</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=clinic&CATEGORY=Shoes%20Footwear&TYPE=Clinic%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Clinic/Footthrills</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=softspots&CATEGORY=Shoes%20Footwear&TYPE=Softspots%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Lowell/Softspots</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=other&CATEGORY=Shoes%20Footwear&TYPE=Womens%20NOT%20Drew%20NOT%20Clinic%20NOT%20Lowell%20NOT%20Soft%20spots&refine.x=12&refine.y=10"><font size="small" color="#526981"> Other</font></a></li>
<li><a href="#"><font size="small" color="#3c4d5f"> <b>By Style</b></font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=sandal&CATEGORY=Shoes%20Footwear&TYPE=Sandal%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Sandal</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=boot&CATEGORY=Shoes%20Footwear&TYPE=Boot%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Boot</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=casual&CATEGORY=Shoes%20Footwear&TYPE=Casual%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Casual</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=dress&CATEGORY=Shoes%20Footwear&TYPE=Dress%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Dress</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=slipper&CATEGORY=Shoes%20Footwear&TYPE=Slipper%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Slipper</font></a></li>
<li><a href="http://www.supportplus.com/product_list.cfm?catx=ws&gender=Women&active=Thera&CATEGORY=Shoes%20Footwear&TYPE=Therapeutic%20AND%20Womens&refine.x=12&refine.y=10"><font size="small" color="#526981"> Therapeutic</font></a></li>
</ul>
</dd>
</dl>