Expand boks

Vil du have den til at skifte imellem en masse tekst og ingen tekst eller er det størrelsen ?-)

Det er størrelsen,

Kan lige lave et eks:

Hvor den er lille:
Jeg søger sådan en expand boks

Så trykker man på expand / udvid:
Jeg søger sådan en expand boks, altså sådan at når man klikker på den får man en masse tekst, og når man klikker på den igen forsvinder teksten...

Altså så hele teksten bliver vist

ligesom oversigten på http://expfaq.1go.dk ?

Jah, faktisk ligesom oversigten...

Den kan jeg vil næsten så bare lige lave en kopi af :)

Men den kan ikke helt det jeg gerne vil have den til at lave.
Eller jeg kan i hvertfald ikke få den til det jeg vil have den til...

Den oversigt er bygget op i <div> og jeg vil gerne lave det i <table> kan det ikke laves til det???

dunno...

Jeg har fået det lidt ind i en table, det virker godt nok, ved den første <tr>
Men ved den næste virker den slet ikke...
Nogen der ved hvad det kan skyldes???

Her er lidt kode:
<a class="showhide" href="#" onClick="document.getElementById('outline').style.display = (document.getElementById('outline').style.display == 'block') ? 'none' : 'block'; return false;">Flere informationer</a></font></td>

<tr id="outline" style="display: none;">

<td width="80%" style="text-indent: 17px"><font face="verdana" size="-2">Mål</font></td><td width="20%" align="right"><font face="verdana" size="-2">20x20</font></td>
</tr>

<tr bgcolor="#FF9900" height="1" id="outline" style="display: block;"><td colspan="2" div style="text-indent:17px"></td></tr>

Okay, mig der er lidt sløv oven i toppen idag, skal selvfølgelig laves i en tabel for sig selv :)

Exp>> Hvis du vil have lidt point for at have vist mig siden så si lige til

Du kan også få den til automatisk at udvide sig ved at udnytte at du totalt kan fjerne/vise et element:

<table><tr><td>
<div id="lilleDiv" onclick="this.style.display='none';docuemnt.getElementById('storDiv').style.display='block';">Jeg søger sådan en expand boks</div>
<div id="storDiv" onclick="this.style.display='none';docuemnt.getElementById('lilleDiv').style.display='block';">Jeg søger sådan en expand boks, altså sådan at når man klikker på den får man en masse tekst, og når man klikker på den igen forsvinder teksten...</div></td>
</tr></table>

Tabellen er bare med for at illustrere at størrelsen 'skubber' omkransende elementer op og ned i størrelse ...

-- og der var sæ'fø'li' en tavetosse, det er jo:

document.getElementById

begge gange !-)

-- og storDiv skal selvfølgelig starte skjult:

<div id="storDiv" style="display:none;" ...

Du giver mig bare hvad du synes der tilkommer mig... men det er vist ikke alle 60 point :-)

Jeg fik det til at virke, fra den side EXP viste mig...

Tager selv 30 point igen, så der er 30 til dig exp for hjælpen :)