[ERLEDIGT] Mehrere Elemente in function(el1, el2, el3)

[sunil2809]

Hallo zusammen,

wieder einmal habe ich ein Problem. Dieses besteht daraus, dass ich eine Js Function habe, die, je nachdem auf welches Element man klickt, alle anderen ausblenden soll.

Ich habe es mit dieser Funktion:

var p1 = document.getElementById('pjct1');
var p2 = document.getElementById('pjct2');
var p3 = document.getElementById('pjct3');

function hideOthers(p) {
  p.style.transform = "translate(-100%, 0)";
  p.style.opacity = "0";
}

und diesem HTML

<ul>
              <li id="pjct1">
                <a href="javascript:void(0)" onclick="hideOthers(p2,p3)">
                  <h1>Project 1</h1>
                  <span class="description">Magazin</span>
                </a>
              </li>
              <li id="pjct2">
                <a href="javascript:void(0)" onclick="hideOthers(p1,p3)">
                  <h1>Project 2</h1>
                  <span class="description">Layout</span>
                </a>
              </li>
              <li id="pjct3">
                <a href="javascript:void(0)" onclick="hideOthers(p1,p2)">
                  <h1>Project 3</h1>
                  <span class="description">Design</span>
                </a>
              </li>
            </ul>

versucht. Leider finde ich auch nach langen herumprobieren, immer noch keine Lösung.

Ich freue mich über jede Antwort und Hilfe!

Beste Grüße
Linus

 

[threadi]

Wenn Du mehrere Parameter übergibst, musst Du diese bei der Funktion auch entgegen nehmen. Momentan erzeugst Du nur einen JavaScript-Fehler beim Anklicken. Also:

function hideOthers(weg1,weg2) {
weg1.style.transform = "translate(-100%, 0)";
weg1.style.opacity = "0";
weg2.style.transform = "translate(-100%, 0)";
weg2.style.opacity = "0";
}

Oder du verwendest die Funktion 2 Mal beim onclick:

onclick="hideOthers(p1);hideOthers(p2);

 

[sunil2809]

Vielen Dank! Funktioniert!

Beste Grüße
Linus