geschachtelte Spoiler
16.08.2022 10:53
#1 geschachtelte Spoiler
hallo,
neulich hat ein Gast die Spoilerfunktion entdeckt und die Spoiler geschachtelt, wahrscheinlich in der Annahme, dass sich die einzelnen Ebenen nacheinander öffnen.
... allerdings lässt es sich doch mit wenigen Zeilen ändern
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<script>
window.addEventListener("DOMContentLoaded", function () {
hpm_spoiler = function(div_sp) { //* .. global hpm_spoiler() überschreiben
div_sp.classList.toggle("offen");
event.stopPropagation();
}
}
</script>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<style>
div.hpm_spoiler > div > .hpm_spoiler_body { display:none; }
div.hpm_spoiler.offen > div > .hpm_spoiler_body { display:block; }
div.hpm_spoiler.offen > div > .hpm_spoiler_headinput { background-color:yellow; }
div.hpm_spoiler.offen > div:first-child::before { content:'- '; }
div.hpm_spoiler > div:first-child::before { content:'+ '; }
</style>
wie sich in der Praxis das clicken verhält, kann man in meinem Testforum ausprobieren
https://test-v6.xobor.de/t45f27612-Verha...sopt=spoiler*cs
... würde es „Fussball spielen” heissen vG Bernd
16.08.2022 10:56
#2 RE: geschachtelte Spoiler
ach , jetzt sehe ich alles schon gelöst
Verschachtelte Spoiler öffnen sich alle mit einem Klick
... würde es „Fussball spielen” heissen vG Bernd
16.08.2022 15:41
#4 RE: geschachtelte Spoiler
Danke Mike,
wichtiger Hinweis: für die Desktop Version ist mein CSS nicht zu gebrauchen, allenfalls für V4 mobil, dass im Orignal auch alle Ebenen sofort aufklappt.
Das Orginal CSS im V4 Desktop bedarf für tiefgeschachtelter Spoiler aber auch einer Überarbeitung wie ein Beispiel hier zeigt: http://test-2022.xobor.de/t28f21317-gesc...te-Spoiler.html ... würde es „Fussball spielen” heissen vG Bernd
Ähnliche Themen
Das Thema ist geschlossen
Sie haben keine Rechte zu antworten
Bereits Mitglied?
Jetzt anmelden!
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Jetzt registrieren!