Code: <!-- Javascript -->
<script type="text/javascript">
function showHideLayer(id) {
e = document.getElementById(id);
if(e.style.display == "block") {
e.style.display = "none";
} else {
e.style.display = "block";
}
}
</script>
<!-- Link zum Anzeigen/Verstecken -->
<a href="alternativerLink" onclick="showHideLayer('meinLayer');return(false)">Öffnen 1</a>
<!-- Angezeigte/Versteckte Box -->
<div id="meinLayer" style="display:none;">
Inhalt 1
</div>
<br>
<!-- Link zum Anzeigen/Verstecken -->
<a href="alternativerLink" onclick="showHideLayer('meinLayer2');return(false)">Öffnen 2</a>
<!-- Angezeigte/Versteckte Box -->
<div id="meinLayer2" style="display:none;">
Inhalt 2
</div>
Was ich geändert habe?
- Es reicht, wenn man eine Javascript Funktion 1x pro Seite definiert, somit habe ich die 2te Funktion entfernt.
- Der 2te Link und die 2te Box sind leicht geändert. (Box 1: meinLayer, Box 2: meinLayer2)
Warum es nicht funktioniert hat:
Du hast mit deinem 2ten Link die erste Box angesprochen, weil die ID in deinem onclick-Attribut "meinLayer" ist.
Da man aber eigentlich eine ID in HTML nur 1x pro Seite verwendet werden darf, nimmt sich Javascript einfach das erste Element.
Ich hoffe du kannst damit etwas anfangen.
MfG Dennis
______________
Meine Seiten sind aktuell aufgrund von zeitlichen Gründen pausiert.
