toggleVisibility probleem

[hotrid]

Ik heb een probleem, ik wil namelijk dat een bepaalde tekst weg is, en als je op een bepaalde link/stuk tekst drukt dat die tekst te voorschijnkomt op de pagina. Ik heb het onderstaande gedaan, maar hij werkt niet. Weet iemand waar de fout zit?

In me head :

Code: Selecteer alles

<style type="text/css">
p#visibility { visibility: visible }
p#display { display: none }
</style>

<script type="text/javascript" language="Javascript">
function toggleVisibility() {  
 if( document.getElementById("visibility").style.visibility == "hidden" ) {
    document.getElementById("visibility").style.visibility = "visible";
  } else {
    document.getElementById("visibility").style.visibility = "hidden";
  }
}

function toggleDisplay() {
if( document.getElementById("display").style.display == "none" ) {
    document.getElementById("display").style.display = "block";
  } else {
    document.getElementById("display").style.display = "none"; }
}
</script>

"

in me body

Code: Selecteer alles

<FONT COLOR="navy"><a href="#" "onclick="toggleVisibility()">TIK?</A></FONT><BR>
<p id="display">TEKST</p>

[Bas]

De a moet id="visibility" krijgen, dat staat in de script...

[Stef]

Dan lijkt mij display:hidden logischer.

[hotrid]

Nee, want de a is de link/tekst waar je op drukt om de tekst te laten verschijnen. Ja display moet anders, maar hij ziet de hele link niet eens

[mosymuis]

De functie toggleVisibility() gebruik je niet, haal die dus weg. Je verwijst er wel naar, die koppeling moet dus toggleDisplay() worden. Dan klopt het ID met de functie. De tekst zal eerst worden verborgen, als je dat niet wil haal je de stylesheet weg. Die is zoiezo foutief, want de eerste regel achter <style> verwijst naar het ID "visibility", wat niet bestaat.

[hotrid]

okay. nu wil ik het meerdere malen gebruiken op 1 pagina. Hoe doe ik het dan?

[mosymuis]

toggleDisplay() een argument mee geven met het id dat je wilt verbergen/showen. Het is een functie, dus de variabele naam plaats je tussen de haakjes () en die gebruik je verder in de fnuctie dan in plaats van "display". Bij het aanroepen ervan geef je dan tussen de haakjes de gewenste naam.

[hotrid]

Dus ->

Code: Selecteer alles

<a href="#" "onclick="toggleDisplay(2)">KLIK</A><BR>
<p id="2">TEKST</p>

werkt helaas niet.

[mosymuis]

Niet als je het binnen de functie zelf ook niet aanpast, nee.