collapsible/cascading menu - submenu open on new page

No replies

Thu, 2005-07-07 20:02

buddy revelle

Offline

newbie

massachusetts

Last seen: 17 years 5 weeks ago

massachusetts

Timezone: GMT+5

Joined: 2005-07-07

Posts: 1

Points: 0

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">

</script>
<dl id="menu">
<dt onclick="javascript:show();"><a href="http://www.supportplus.com/Medical_Support_Hose.cfm?catx=&title=Medical%20Support%20Hose"> Medical Support Hose</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">   Women's</a></dt>
<dd id="smenu2" style='display:none'>
<ul>
<li><a href="#">   By Brand</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">    Jobst</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">    Futuro</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">    Bauer & Black</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">    Support Plus</a></li>
<li><a href="#">   By Compression</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">    Mild (8-15)</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">    Moderate (15-20)</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">    Firm (20-30)</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">    Very Firm (30+)</a></li>
<li><a href="#">   By Style</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">    Knee-High</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">    Thigh-High</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">    Pantyhose</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">    Athletic</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">    Casual</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">    Dress</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">   Men's</a></dt>
<dd id="smenu3" style='display:none'>
<ul>
<li><a href="#">   By Brand</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">    Jobst</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">    Futuro</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">    Bauer & Black</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">    Support Plus</a></li>
<li><a href="#">   By Compression</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">    Mild (8-15)</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">    Moderate (15-20)</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">    Firm (20-30)</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">    Very Firm (30+)</a></li>
<li><a href="#">   By Style</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">    Knee-High</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">    Thigh-High</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">    Athletic</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">    Casual</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">    Dress</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu4');"><a href="http://www.supportplus.com/socks.cfm?catx=tsocks&title=Therapeutic%20Socks"> Therapeutic Socks</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">    For Diabetes</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">    Athletic</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">    Casual</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">    Dress</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">    Wide Calf</a></li>
</ul>
</dd>
<dt onclick="javascript:show();"><a href="http://www.supportplus.com/shoes_footwear.cfm?title=Shoes%20&%20Footware"> Shoes/Footwear</a></dt>
<dt onclick="javascript:show('smenu5');"><a href="http://www.supportplus.com/womens_shoes.cfm?gender=Women&catx=ws&title=Women's%20Shoes">   Women's</a></dt>
<dd id="smenu5" style='display:none'>
<ul>
<li><a href="#">   By Brand</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">    Drew</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">    Clinic/Footthrills</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">    Lowell/Softspots</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">    Other</a></li>
<li><a href="#">   By Style</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">    Sandal</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">    Boot</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">    Casual</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">    Dress</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">    Slipper</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">    Therapeutic</a></li>
</ul>
</dd>
</dl>

Tags:

Beginners CSS Questions

collapsible/cascading menu - submenu open on new page

User login

Navigation