Joachim: Visibility-Funktion

Beitrag lesen

Hi,

  1. 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.