[HTML/JS/CSS] Knopje om text te verbergen

[Reddol]

Hey allen.
Ik ben voor FluxBB een extension aan het schrijven, eentje die de bbcode uitbreid met: hide.
Ik heb al een stukje code geschreven dat dit kan doen:

code:

<a class="hide" onClick="this.className=this.className=='hide' ? 'show' : 'hide';" title="Click for Class Change">
<div class="right"><b style="border: 2px solid #FF0000">Hide / Show</b></div>
<span>Klik om in te klappen.</span>
</a>

Met dit stukje CSS:

code:

.show span {
    display: block;
}

.hide span {
    display: none;
}

Dit uiteindelijk in de extension geïmplementeerd en dat werkt opzich goed, lappen text zijn te verstoppen en weer op te halen.
Maar het gaat er eigenlijk om dat er posts gevuld met plaatjes "gehide" kunnen worden, zodra ik dit doe kan ik hem soms showen en soms ook niet. (Per page refresh is het anders)
Iemand enig idee hoe ik dit voor elkaar kan krijgen?

[crisp]

Je weet dat je HTML sowieso al invalid is?

[Reddol]

Om heel eerlijk te zijn.. Nee
'k ben niet echt goed in HTML, geef mij maar php.. Maarja, html zal je sowieso nodig hebben
Naar het feit dat het niet valid is, kan dat de oorzaak zijn?

[mocean]

Je kan de onclick beter op de div zetten, waarom een a tag eromheen? En wat Crisp aangeeft, je mag geen block elementen binnen een a tag zetten.

[Reddol]

De a tag was voor het klikken, dat alleen de text weg zou gaan en niet de Show / Hide.
Maar dit kan met een DIV inderdaad ook, stom van mij.

En wat betreft dat block element, dit gewoon weglaten zodat je een lege css class krijgt? of moet ik er iets anders van maken? Ben niet zo thuis in css
Thnx

Edit: Het werkte Bedankt mensen!

[ Voor 7% gewijzigd door Reddol op 04-11-2009 01:26 ]