Expand/Collapse av <li>?

[øl_i_tastaturet]

Jeg har letet på google lenge nå, men finner ingen gode scripts. Er det noen som vet om noen? Jeg ønsker at hver <li> i en <ul> skal kunne expandes og collapses.

 

Takk

[LostOblivion]

Som i en navigasjonsmenu som f eks http://www.bobleriet.com?

[øl_i_tastaturet]

Nja, vel jeg vil at den skal være klikkbar. Altså om du trykker på den, så åpner den <li>'en, og innholdet kommer under, og når man trykker igjen, så lukker den seg.

 

Jeg ønsker det på denne listen.

Endret 6. desember 2007 av bjorshol

[Drømmemannen]

Hvert li-element skal jo til enhver tid synes, så det enkleste er å legge det som skal skjules i div-elementer. F.eks. noe slikt (enkelt laget):

<ul>
 <li>
<a href="java script:visSkjul('a')">Vis/skjul</a>
<div id="a" style="display:none">
  Skjult innhold
</div>
 </li>
</ul>

----------- java script:

function visSkjul(id) {
var style = document.getElementById(id).style;
style.display = (style.display == "none" ? "block" : "none");
}

Note: Det skal ikke være mellomrom mellom java og script i javascript over. Det virker som om det er en bug i forumet her som gjør om alle tilfeller av "javascript" til "java script" inni en kodeboks.

Endret 8. desember 2007 av balletryne

[øl_i_tastaturet]

Tusen takk for hjelpen Balletryne!

[LostOblivion]

Tusen takk for hjelpen Balletryne!

Ikke vær frekk nå.

[øl_i_tastaturet]

Han må ha bytta navn nå nylig!

 

Jaja

Endret 10. desember 2007 av bjorshol

[LostOblivion]

Hahahahha.

[Drømmemannen]

Haha. Byttet i dag. Gammelt nick står i signatur, da.

[magicgunnar]

Haha. Byttet i dag. Gammelt nick står i signatur, da.

Og etter: "This post has been edited by" på litt eldre poster!

Endret 10. desember 2007 av magicgunnar

[Drømmemannen]

Ah, I didn't know. Ser.