HT_lz_cont_head



================

Verhalten geschachtelter Spoiler

Antworten
#1
15.08.2022 09:25
avatar  Der Neue
#1 Verhalten geschachtelter Spoiler
avatar
Der Neue

Spoiler klappen noch nicht optimal auf.


mt dem ersten Spoiler werden auch alle weiteren aufgeklappt.
1 abc
besser wäre, wenn nur die nächste Ebene aufgeklappt würde.
2 abc
Mal sehen ob sich dass durch passendes CSS ändern lässt.
2 cdf
oder noch js nötig ist




aufgefallen ist dieses Verhalten in Alles für die Katz . . . (3).

um das neue Verhalten zu testen, muss im Layout-Switcher die Option "Spoiler Kaskade" aktiviert werden


 Antworten

 Beitrag melden
#2
15.08.2022 17:38
avatar  l2otbart
#2 RE: Verhalten geschachtelter Spoiler
l2
l2otbart

das aktuelle CSS findet man im Layout-Switcher

1
2
3
4
5
6
7
8
9
 

<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>
 
 






einzubauen im Header oder Footer, ...egal wo

1
2
3
4
5
6
7
8
9
10
 

<script>
window.addEventListener("DOMContentLoaded",	function () {
		hpm_spoiler = function(div_sp)  { //* .. global hpm_spoiler() überschreiben
			div_sp.classList.toggle("offen");
			event.stopPropagation();
		} 
	}
</script>
 
 

~ ~ a smile 😃 says more than 1000 words ~ ~


 Antworten

 Beitrag melden
#3
16.08.2022 10:28
avatar  l2otbart
#3 RE: Verhalten geschachtelter Spoiler
l2
l2otbart

dieses Beispiel finde ich einfach zu schön, zur Demo ist es ideal ...

Zitat von Gast im Beitrag Alles für die Katz . . .
1.
2.

3*
4*
5*


4*

5*

5*
6*




3.
4.
5.
*no way out*


danke an 'Rose '

~ ~ a smile 😃 says more than 1000 words ~ ~


 Antworten

 Beitrag melden
#4
17.08.2022 15:27
avatar  Sommerfrische ( Gast )
#4 . . . Verhalten geschachtelter Spoiler . . .
So
Sommerfrische ( Gast )

http://test-2022.xobor.de/t28f21317-geschachtelte-Spoiler.html#msg158

Ok, Rose hat den Dank an sie gesehen . . .

Und nu würde Rose sich wünschen . . .

. . . dass ihr letzter Beitrag #msg523

https://test-v6.xobor.de/t46f41038-offene-gesammelte-Fragen.html#msg523

. . . zurück in den Strang kommt, zu dem er thematisch dazu passt . . .

. . . wäre das ein Deal ?

Zitat von l2otbart im Beitrag #3
dieses Beispiel finde ich einfach zu schön, zur Demo ist es ideal ...

Zitat von Gast im Beitrag Alles für die Katz . . .


danke an 'Rose '


https://test-v6.xobor.de/t39f41038-Alles-fuer-die-Katz-2.html#msg317

Ich find

one way

übrigens auch lustig

und schau es mir

nach wie vor gerne an.

Und ja, es hat mir Freude bereitet

es zu erstellen.


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Beiträge dieses Themas (vers 5.5.) V4 V6 (close)
    Statistik der gezeigten Posts
        sessionStorage-Daten verwalten

        hier können die sessionStorage-Daten einzelner Threads gelöscht werden
        und festgelegt werden, ob die Beitragstexte gecacht/gebuffert werden sollen.

        mehr ...(Kontrolle)

        Den Standardwert legt der Admin fest, hier wird nicht standardmäßig gebuffert. Man muß also jeden einzelnen Wert festlegen.

        die Kontrolldaten werden permanent im Browser gespeichert (localStorage)

        mit schließen des BrowserTabs werden diese sessionStorage-Daten komplett gelöscht. Sie enthalten die eingelesenen "Verzeichnisse" und die Textbeiträge. wikipedia.org/wiki/Web_Storage

        • Threadkb slöschenbuffernThema
        Statistik und Kontrolle ...
        test
        #vzm_side