Linuchs: Klick und ausblenden

Beitrag lesen

ich habe Folgendes verstanden:

In einem Container möchtest du alle Adressen sehen und darunter pro Adresse ein Container mit allen Ansprechpartnern dieser Adresse.

<div id="adressen">...</div>

<div class="ansprechpartner" id="adresse1">...</div>
<div class="ansprechpartner" id="adresse2">...</div>

Wenn du nun auf eine Adresse klickst, sollen alle Ansprechpartner ausgeblendet werden, ausgenommen die, die zur geklickten Adresse gehören.

function zeigeEinenAnsprechpartner( nr ) {
  var obj = document.getElementsByClassName("ansprechpartner");
  for ( let i=0; i<obj.length; i++ ) {
    obj[i].style.display = "none"; // alle ansprechpartner aus
  }
  document.getElementById("adresse" +nr ).style.display = "block"; // einschalten
}

Um weder alle Ansprechpartner zu zeigen:

function zeigeAlleAnsprechpartner() {
  var obj = document.getElementsByClassName("ansprechpartner");
  for ( let i=0; i<obj.length; i++ ) {
    obj[i].style.display = "block"; // alle ansprechpartner ein
  }
}

nicht getestet.

ihikh (ich hoffe ich konnte helfen), Linuchs