Hej!
Försker få min meny att expandera resp komprimeras vid knapptryck men det fungerar inte. Har sökt på nätet och testat olika lösningar, men jag kan inte asp, php el javascript vilket det mesta är gjort i. Kan egentligen bara html och css. Har försökt med javascript och asp, men förstår inte vad jag gör för fel.
Menyn finns här nedan, den skall ha undernivåer som inte skall synas förrän man klickar på den övre nivån. Den länkade texten skall hamna i en iframe på samma sida och det är inga problem. MEN att få den att EXPANDERA och inte visa alla undernivåer från början!!!
Mycket tacksam för hjälp!
Xenia
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
<!--
#menycontainer{margin-left: 2em; width: 18em; font-size: 70%; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc;}
#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; margin: 0; padding: 0.3em; background: #006699; padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 1px solid #cccccc;}
#meny ul{list-style-type: none;}
#meny ul a{margin: 0; padding: 0.3em; background: #3399cc;}
#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #999999;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}
--></style>
</head>
<body>
<div id="menycontainer">
<ul id="meny">
<li><a href="sida1.htm" target="iframe1">Meny 1 </a></li>
<li id="active"><a href="sida2.htm" id="current" target="iframe1">Meny 2</a>
<ul>
<li id="subactive"><a href="sida2a.htm" id="subcurrent" target="iframe1">Meny 2a</a></li>
<li><a href="sida2b.htm" target="iframe1">Meny 2b</a></li>
<li><a href="sida2c.htm" target="iframe1">Meny 2c</a></li>
</ul>
</li>
<li><a href="sida3.htm" target="iframe1">Meny 3 </a>
<ul>
<li><a href="sida3a.htm" target="iframe1">Meny 3a</a></li>
<li><a href="sida2b.htm" target="iframe1">Meny 3b</a></li>
<li><a href="sida2c.htm" target="iframe1">Meny 3c</a></li>
</ul>
</li>
<li><a href="sida4.htm" target="iframe1">Meny4</a></li>
<li><a href="sida5.htm" target="iframe1">Meny 5 </a></li>
</ul>
</div>
<div style="position:absolute; top:290px; left:207px; width: 213px; height: 94px; border-color:#FFFFFF;">
<iframe name="iframe1" src="sida5.htm" allowtransparency="true" width="175" height="370" frameborder="0" scrolling="auto">iframe1</iframe>
</div>
<p> </p>
<p>Här skall texten presenteras:</p>
</body>
</html>