Meny med klikk mulighet for å se/fjerne innhold

[meifumado]

hei,

prøver å få til en klikk for å se/fjerne innholdet i en meny.

 

Det blir bruk i selve faq. for denne siden, men klarer ikke å tyde kilde koden, et annet eksempel er fra adopsjonsforum.no, der bruker trykker på Etter adopsjon, og det kommer ulike linke valg:

 

http://www.adopsjonsforum.no/category.aspx...57&mid=1057

 

Jeg har en mye enklere side en dette her, men ønsker å få til det samme, for å lette organiseringen av lenkene.

 

Hva må til, kan jeg løse det med ren html kode?

[masb]

dette kan du enkelt løse med html-kode. du lager bare en liste med tilhørende underlister og styler disse med css slik at de stikker seg ut, innrykk osv.. denne løsningen gjør at siden må relastes hver gang en trykker i menyen. om du vil unngå det, må du bruke javascript og da blir det hele vanskeligere.

[Kaptein Snus]

Nå har adopsjonsforum gjort det jævli kronglete da med "førtitusen" tables, men hvis du har en enkel ul slik som dette da:

<ul id="nav">
<li>
	<a href="#">Meny Link1</a>
	<ul class="active">
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
	</ul>
</li>
<li>
	<a href="#">Meny Link2</a>
	<ul>
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
		<li><a href="#">Undermeny Link</a></li>
	</ul>
</li>
</ul>

 

med dette i CSSen

#nav li ul {
display:none;
}

#nav .active {
display:block;
}

 

Så er det bare å flytte klassen .active til neste ul på neste side

Endret 12. februar 2010 av Lek1