Jag gör en hemsida och skulle behöva hjälp av någon som är duktig. Jag skulle vilja ha en drop down meny som vecklar ut sig när man klickar på huvudsökordet, när man klickar igen ska den fällas ihop. Jag har sökt efter ett lämpligt Java Script men kan inte hitta det, kan någon hjälpa mig?
Här är min html
<body>
<div id="menycontainer">
<ul id="meny">
<li id="nav-ind"><a href="../index.html">Hem</a>
<li id="nav-PhnomP"><a href="PhnomPenh.htm">Phnom Penh</a>
<ul id="nav">
<li id="nav-friend"><a href="friends.htm">Friends</a></li>
<li id="nav-kungliga"><a href="kungliga_palatset.htm">Kungliga palatset</a></li>
<li id="nav-ryska"><a href="ryskamarknaden.htm">Ryska marknaden</a></li>
<li id="nav-s"><a href="s21.htm">S21</a></li>
<li id="nav-the_killing"><a href="the_killing_fields1.htm">The killing fields</a></li>
<li id="nav-tonle"><a href="tonlesap.htm">Tonle Sap</a></li>
</ul id="nav">
</li>
<li id="nav-siem"><a href="siem_reap1.htm">Siem Reap</a>
<ul id="nav">
<li id="nav-angkor"><a href="angkor_wat.htm">Angkor Wat</a></li>
<li id="nav-bayo"><a href="bayon.htm">Bayon templet</a></li>
<li id="nav-banteay"><a href="../banteay_srei.htm">Banteay Srei</a></li>
<li id="nav-south"><a href="south_gate.htm">South gate</a></li>
<li id="nav-ta"><a href="../ta_prohm.htm">Ta Prohm</a></li>
</ul id="nav">
</li>
<li id="nav-sihanok"><a href="sihanokville.htm">Sihanoukville</a>
<ul id="nav">
<li id="nav-skar"><a href="skargarden.htm">Skärgården</a></li>
<li id="nav-shous"><a href="shouse.htm">Snakehouse</a></li>
<li id="nav-star"><a href="starfish.htm">Starfish</a></li>
</ul id="nav>
</li>
<li id="nav-fakt"><a href="fakta.htm">Fakta</a>
<ul id="nav">
<li id="nav-aktuella"><a href="aktuella_artiklar.htm">Aktuella artiklar</a></li>
<li id="nav-bra_att"><a href="bra_att_veta.htm">Bra att känna till</a></li>
<li id="nav-klim"><a href="klimatet.htm">Klimatet</a></li>
<li id="nav-litt"><a href="litteraturtips.htm">Litteraturtips</a></li>
<li id="nav-lank"><a href="lankar.htm">Länkar</a></li>
<li id="nav-kambodjas_m"><a href="../kambodjansk_mat.htm">Maten</a></li>
<li id="nav-prisupp"><a href="prisuppgifter.htm">Priser</a></li>
<li id="nav-prisupp_spa"><a href="prisuppgifter_spa.htm">Priser SPA</a></li>
<li id="nav-kambodjas_r"><a href="kambodjas_religion.htm">Religionen</a></li>
<li id="nav-skonhet_o"><a href="skonhet_o-vett-o-etikett.htm">Vett och etikett</a></li>
</ul id="nav">
</li>
<li id="nav-kontakta"><a href="kontakta_mig.htm">Kontakta mig</a></li>
</ul id="nav">
</li>
</ul>
</div>
</body>
Här är min CSS (Den är delvis kopierad från webdesignskolan)
Strict HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
#menycontainer(li){ float: left; margin: 1em 0 0 1em; width: 18em; font: 80% Verdana, Helvetica, sans-serif; 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: #666666; 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: #999999;}
#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #333333;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}
#ind #meny #nav-ind a{background: #990033;}
Hoppas på svar
Eva-Lotta