sunil2809
Mitglied
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:
und diesem HTML
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
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:
Javascript:
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
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
Zuletzt bearbeitet: