Tekst tonen verbergen met javascript

[Karel-Bekker]

Mijn vraag
...
Op de moment heb ik een script ingesteld op deze pagina:

*snip*

Tekst kan ik openen en verbergen danzij dit script in de header:

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

En op de pagina aan het begin:

<ul class='urls'><li class='none'><a href="javascript: void(0);" onClick="toggle('q1')"><b>De workshops<span style='display: block; margin-bottom: 15px'></span></b></a></li></ul>
<div id="q1" style="display:none;"><div class='kader'>

en op het eind:

<a href="javascript: void(0);" onClick="toggle('q1')" style='display: block; background-color: #FFFFFF; border: 1px solid #000000; padding: 4px 2px; border-radius: 4px; width: 100px; text-align: center; margin: auto; clear: both'><b>X sluit</b></a>
<div id="q1" style="display:none;"></div>

Eigenlijk mag een div met eenzelfde ID maar één keer op een pagina verschijnen.
DIt werkt wel, maar het mag dus niet.

Hoe zou ik dat kunnen aanpassen?

Groet, Eduard

[ Voor 3% gewijzigd door Creepy op 02-10-2022 23:02 ]

[erwn]

Je hebt dus twee verschillende divs die je wilt tonen/verbergen? (Dat is een hint.)

[AW_Bos]

Kan je jouw bericht aanpassen en code-tags gebruiken? Dat leest wat prettiger.

[SinergyX]

Dan maak je van q1 in je tweede blok, q2

[DJMaze]

Kijk eens naar

HTML:

<details>
<summary>De workshops</summary>
<div>je data</div>
</details>

[Verwijderd]

ipv id kun je ook class gebruiken (die mag wel vaker dan 1 x gebruikt worden namelijk)

[RobIII]

Verwijderd schreef op donderdag 6 oktober 2022 @ 13:03:
ipv id kun je ook class gebruiken (die mag wel vaker dan 1 x gebruikt worden namelijk)

En dan klappen ze allemaal open ofzo?

[hjtuinenburg]

RobIII schreef op donderdag 6 oktober 2022 @ 13:12:
[...]

En dan klappen ze allemaal open ofzo?

Ja, dat is nu met de divs met identieke naam toch ook het geval? Dit lijkt de bedoeling van TS.

[Bad Brains]

* Niet nodig *

[ Voor 81% gewijzigd door .oisyn op 06-10-2022 14:01 ]

[RobIII]

hjtuinenburg schreef op donderdag 6 oktober 2022 @ 13:15:
[...]


Ja, dat is nu met de divs met identieke naam toch ook het geval? Dit lijkt de bedoeling van TS.

In dat geval heb ik niets gezegd.

[Haan]

Er staat me iets bij van vroeger dat getElementsByClassName niet in alle browsers ondersteund werd, is dat tegenwoordig geen issue meer?

[Gropah]

Haan schreef op donderdag 6 oktober 2022 @ 15:38:
Er staat me iets bij van vroeger dat getElementsByClassName niet in alle browsers ondersteund werd, is dat tegenwoordig geen issue meer?

Volgens canIuse, is dat niet echt een probleem (geweest)?

[Haan]

@Gropah IE6-8 is het niet ondersteund als ik het goed zie? Zoals ik al zei, ik herinner me het van vroeger

[ Voor 5% gewijzigd door Haan op 06-10-2022 15:47 ]