Show en Hidden Tekst

Status
Niet open voor verdere reacties.

weswillem

Gebruiker
Lid geworden
8 nov 2011
Berichten
310
Ik heb een pagina (zgn FAQ), waarin vragen staan.
Als ik daar op klik moet het antwoord daaronder zichtbaar worden
Als ik daarna nog een keer klik op de vraag moet het antwoord verdwijnen.
Nu heb ik iets gevonden, dat het antwoord wel laat zien, maar bij nog een
keer klikken gebeurt er niets.
Kan iemand mij op weg helpen?

Code:
<script type="text/javascript">
function showStuff(id) {
    if(document.getElementById(id).style.display == ‘block’){
       document.getElementById(id).style.display = ‘none’;
     } else {
      document.getElementById(id).style.display = ‘block’;
     } 
}
</script>

Code:
<p><a href="#" onclick="showStuff('answer1'); return false;">Wat is dit?</a><br>
<span id="answer1" style="display: none; return false;"><br />Dit is het</span></p>
 
Zover ik het kan beoordelen zou dit correct moeten werken.

eventjes ctrl_F5 indrukken om zeker te zijn dat de laatste versie van het script geactiveerd is misschien ?

Wacht eventjes, ik zie iets.

Maak van de <span id= eventjes een <div id= . Uiteraard ook als div afsluiten ipv als span.
 
Laatst bewerkt:
Gebruik je echt deze quotes? ‘block’ ipv 'block'? Dat herkennen de browsers niet. Verander je de quotes zie ik geen problemen in mijn test-situatie (HTML5 Google Chrome)
 
@Domero

Bedankt voor zover.
Ik begreep het al niet.
Maar de boosdoener bleek dus inderdaad de quotes te zijn.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan