Hi,
- Wenn Text1 angezeigt wird und man klickt auf Link2 soll soll Text 1 verschwinden und Text2 angezeigt werden.
2.alles Texte sollen in der gleichen Zeile stehen
Alternativ zur Möglichkeit, das Ganze per Schleife zu lösen, kann man auch mit einem "flag" arbeiten und sich den offenen Text merken. Anbei ein sehr einfacher Test mit Übergabe der id's:
var current_id = false;
function toggle_display(id) {
if (current_id == id) {
id = false;
}
if (current_id) {
document.getElementById(current_id).style.display = "none";
current_id = false;
}
if (id) {
document.getElementById(id).style.display = "";
current_id = id;
}
}
<p onclick="toggle_display('text1')">text1</p>
<p style="display:none" id="text1">das ist text 1</p>
<p onclick="toggle_display('text2')">text2</p>
<p style="display:none" id="text2">text 2 ist auch hier</p>
Gruesse, Joachim
Am Ende wird alles gut.