Problem mit Spoilern

[EndOfGreen]

<div>
<div class="pre-spoiler">
<input name="button" type="button" style="padding: 1px 2px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show';}" value="Show">
</div>
    <div>
        <div class="spoiler" style="display: none; padding: 4px 30px;">

Inhalt des Spoilers

</div>
    </div>
	</div>
</div>

Folgendes Problem: Wenn davon jetzt 3 oder mehr nacheinander kommen, werden nur die ersten beiden angezeigt. Woran könnte das liegen?

 

[threadi]

Ohne dazugehöriges CSS vermute ich einfach mal, dass Du sie auch noch übereinander positionierst?

 

[EndOfGreen]

Hab den Fehler gerade selbst gefunden, da war überall ein schließendes div zu viel. :roll:

Ich hatte die Seite gerade nochmal geladen und da hat´s mich gewundert, dass die anderen Spoiler hinter dem „Hintergrundbild“ sind.

 

[threadi]

Validieren hilft oft auch schon ;)