Via een how to die op google heb gevonden, heb ik een javascriptje in elkaar gesleuteld. De werking is verder perfect, dus de basis snap ik. Het zijn 2 losse script. Als ik op de eerste link klik, opent een div, als ik een 2e keer op de link klik, sluit de div. Werkt perfect. Maar, en nu komt het moeilijke gedeelte (voor mij dan
).
Ik kan beide scripts tegelijk gebruiken, kan ik hierin niet een 'vergrendeling' maken, dat als de ene open is, ik de ander niet kan gebruiken? Ik ben al aan het stoeien geweest om een 2e id bij 'getElementById' erbij te zetten, en dan bij de if tag een voorwaarde erbij te zetten dat die niet geopend moest zijn. Maar dan loopt het script vast, dan werkt het openen/sluiten van de div dus niet meer. Misschien is mijn denkwijze niet goed, en zeer waarschijnlijk is mijn basiskennis hiervan niet toereikend, maar ik wil het toch graag leren.
Dus ik hoop dat iemand mij advies kan geven.
Het script:


Ik kan beide scripts tegelijk gebruiken, kan ik hierin niet een 'vergrendeling' maken, dat als de ene open is, ik de ander niet kan gebruiken? Ik ben al aan het stoeien geweest om een 2e id bij 'getElementById' erbij te zetten, en dan bij de if tag een voorwaarde erbij te zetten dat die niet geopend moest zijn. Maar dan loopt het script vast, dan werkt het openen/sluiten van de div dus niet meer. Misschien is mijn denkwijze niet goed, en zeer waarschijnlijk is mijn basiskennis hiervan niet toereikend, maar ik wil het toch graag leren.
Dus ik hoop dat iemand mij advies kan geven.

Het script:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| function toggle(dropdowna, werkwijze) { var ele = document.getElementById(dropdowna); var imageEle = document.getElementById(werkwijze); if (ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = '<img src="layout/werkwijze.png" border="0px">'; } else {ele.style.display = "block"; imageEle.innerHTML = '<img src="layout/werkwijzeselected.png" border="0px">'; } } function toggle2(dropdownb, team) { var ele = document.getElementById(dropdownb); var imageEle = document.getElementById(team); if (ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = '<img src="layout/team.png" border="0px">'; } else {ele.style.display = "block"; imageEle.innerHTML = '<img src="layout/teamselected.png" border="0px">'; } } |

Het leven is te kort om geduld te hebben!