Der Code schaut in etwa so aus. Dabei handelt es sich um eine FAQ Liste. Wo zunächst nur die Fragen zu sehen sein sollen und bei klick auf selbige darunter die Antwort erscheint. Es werden mehr als 20 Fragen. Ich möchte zusätzlich noch einen Link anbieten, wo die Antworten ALLER Fragen auf einmal eingeblendet werden. PHP zu Hilfenahme wäre auch kein Problem, nur mit JS kenne ich mich nicht so gut aus.
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: |
<a href="javascript:;" onClick="toggleDisplay('faq1')">Frage1</a>
<span id="faq1" style="display: none;">Antwort1</span>
<a href="javascript:;" onClick="toggleDisplay('faq2')">Frage2</a>
<span id="faq2" style="display: none;">Antwort2</span>
.....
usw.
|
die JS-funktion zum einzelnen einblenden:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: |
function toggleDisplay(id) {
if (document.getElementById) {
var e = document.getElementById(id);
if (e) {
if (e.style.display !== "") e.style.display = ""
else e.style.display = "none"
}
}
}
|