Akkordeon geöffnet lassen

[freak_me11]

Hallo,

wie ist es möglich, dass bei einem Akkordeon alle bereits geöffneten Tabs auch geöffnet bleiben und sich nicht immer nur eines zeigt? Sobald man auf ein neues klickt, schließt sich das geöffnete. Ich hätte aber gerne, dass entweder manuell geschlossen werden muss, oder ein bereits angeklickter Tab einfach geöffnet bleibt.

Danke schon mal!

[Tim G]

Macht das nicht die alwaysHide Option?



Sent from my iphone using Tapatalk

[freak_me11]

Die finde ich wo?

[Tim G]

Schau mal in das moo_accordion Template.


Sent from my iphone using Tapatalk

[freak_me11]

Ich kann es löschen oder auf false setzen, aber beides hilft leider nicht...

[Tim G]

Ich kann es löschen oder auf false setzen, aber beides hilft leider nicht...

Mhh... dann muss ich selbst mal nachschauen.

Das wäre dann kein Akkordeon mehr, sondern ein Slider.
Schau mal hier: http://pr0digy.com/sandbox/mootools/slide-effect/
Das oben wäre deines


Ich notiere mir das mal als kleine Erweiterung für ein ContentElement als Alternative für ein Akkordeon. Das ist ganz nützlich.

[Tim G]

Kommt nur Quark im Tv, daher...

(werd's noch ins ER stellen, wäre eigentlich sogar was für den core, da es direkt vom Akkordion im Core erbt)

Inhaltselement: Mootools Fx.Slide (direkt unter dem normalen Akkordeon)


Viele Grüße

[freak_me11]

Super! Danke dir.

Mir ist aber was aufgefallen:
Betriebsart:
Umschlag Anfang
Umschlag Anfang (statt Ende)

[Tim G]

Super! Danke dir.

Mir ist aber was aufgefallen:
Betriebsart:
Umschlag Anfang
Umschlag Anfang (statt Ende)

Jo Stimmt:
/dca/tl_content : Zeile 48 ersetzen mit:

$GLOBALS['TL_LANG']['tl_content']['stop'] = $GLOBALS['TL_LANG']['tl_content']['slidestop']; 

[freak_me11]

Noch zwei Fragen:

- Gibt es auch eine .slide_toggler.active?
- Wäre es möglich, dass der erste Slider schon geöffnet ist?

[Tim G]

- Gibt es auch eine .slide_toggler.active?

z.b. nach dem Klick auf einen der Toggler:

togglers.each(function(elem,index)
		{
			elem.addEvent('click', function(event)
			{
				// toggle corresponding slide
				sliders[index].get('slide').toggle();
				
				// add class active
				this.addClass('active');
				sliders[index].addClass('active');
				
			});
		});

- Wäre es möglich, dass der erste Slider schon geöffnet ist?

ja, das wäre:

sliders[0].get('slide').show();

[freak_me11]

Tim G: Das funktioniert alles super! Herzlichen Dank dafür!

Aber eine Frage habe ich noch *in Deckung geh*:
Ich habe deinen Slider auf der Unterseite Leistungen eingebaut:
- Slider eins
Inhalt...

- Slider zwei
Inhalt...

- Slider drei
Inhalt...
- ...

Ist es irgendwie möglich, dass ich auf der Startseite verschiedene Links zu Leistungen (bzw. zu geöffneten Slidern) erstelle?:
- Link Slider eins: Man gelangt zu Leistungen und Slider eins ist geöffnet
- Link Slider zwei: Man gelangt zu Leistungen und Slider zwei ist geöffnet
- Link Slider drei: Man gelangt zu Leistungen und Slider drei ist geöffnet

[Tim G]

Kannst ja jedem slider eine individuelle klasse geben und das template entsprechen anpassen.
Dann kannst jederzeit den einzelnen slider über seine klassen ansprechen und öffnen z.b direkt nach Seitenwechsel.
Man könnte auch mit einem GET Parameter in link arbeiten, der das zu öffnende Element repräsentiert. Dafür im Template noch die aktuellen GET Parameter auslesen. Google hilft dabei


Sent from my iphone using Tapatalk

[freak_me11]

Also ich habe nun .slide_toggler.active im CSS geschrieben. Funktioniert perfekt. Problem ist nur, dass die "toggler" den active-Status nicht mehr hergeben wollen.
Heißt: Habe ich einmal darauf geklickt bleibt es active, bis die Seite neu geladen wird...

[Tim G]

Ja, beim Akkordeon gibt es zwei Zustände "offen" und "zu", das hat der Fx.Slide erstmal nicht. Den muss man sich selbst bauen.
Ist aber nicht schwer. Das macht man über eine kleine Variable.

So in der Art:

if(isOpen){isOpen = false;}
else {isOpen = true;}

Ich hab grad nicht die Luft es direkt einzusetzen. Mach ich später mal.

--

So, saubere Lösung:

togglers.each(function(elem,index)
		{
			elem.addEvent('click', function(event)
			{
				sliders[index].get('slide').toggle().chain
				(
					function()
					{
						if(this.open)
						{	
							togglers[index].addClass('active');
							sliders[index].addClass('active');
						}
						else
						{
							togglers[index].removeClass('active');
							sliders[index].removeClass('active');
						}
					}
				);
			});
		});