[Accordion] 1. Element von Beginn an offen

**jschma** · 08.10.2011, 16:09

Hallo zusammen,

ich verwende diese Arcordion-Template: http://de.contaowiki.org/Accordion_extended damit sind dann alle Elemente geschlossen und gehen erst nach einem Klick auf.

Hat jemand eine Idee, wie man dieses Template erweitern kann, sodass das 1. Element automatisch von Beginn an geöffnet ist?
Danke für jeden Tip und ein schönes WE.

Grüße,
Jan

**BugBuster** · 08.10.2011, 17:32

und das hier sagt dir nichts?

Code:

display: -1, // -1, alle Akkordions sind am Anfang eingeklappt

schau wie es im original ist und setze es entsprechend.

***Nina*** · 08.10.2011, 17:40

Soweit ich weiß, musst du dieser Anleitung auch gar nicht mehr folgen, weil seit Contao 2.10 der Akkordeon-Code sowieso um weitere Klassen erweitert wurde.

Das Akkordeon reagiert seit Contao 2.10 mit diesen Klassen an der relevanten Stelle:
.toggler (geschlossen)
.hover (hover/fokus)
.active (offen)

Die .toggler-Klasse ist in jedem Status verfügbar, so dass man da die Basisanweisungen reinschreiben kann; die anderen Klassen ergänzen sich dann je nach Status so dass man damit die .toggler-Anweisungen überschreiben kann.

**Vollpfosten** · 08.10.2011, 17:55

Müsste mit der option "show" gehen, siehe http://mootools.net/docs/more/Fx/Fx.Accordion

**Vollpfosten** · 08.10.2011, 17:57

zu langsam

**beatrice** · 29.10.2011, 15:49

Erbastele mir auch gerade das wirklich sehr praktische Akkordeon.
Zunächst als einzelnes Element.

Per default ist es bei mir ausgeklappt.
Ich hätte es gerne beim Seitenansehen eingeklappt und erst bei Klick auf den toggler-Text ausgeklappt.
Wie/wo kann ich das denn ändern.

(Bitte nicht wie BiugBuster: schrieb
»und das hier sagt dir nichts?
Code:
display: -1, // -1, alle Akkordions sind am Anfang eingeklappt
schau wie es im original ist und setze es entsprechend.«)
Denn mir sagt das in der Tat wenig,
sondern wo ich genau finden kann (im .js code, im template, unter irgendwelchen anderen Einstellungen.

Bitte helft mir, ich danke schon mal im voraus,
Beate

**Vollpfosten** · 29.10.2011, 19:33

Einfach das moo_accordion.html5/xhtml Template anpassen (http://de.contaowiki.org/Templates_bearbeiten)

Code:

<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready', function() {
  new Accordion($$('div.toggler'), $$('div.accordion'), {
    opacity: false,
    alwaysHide: true,
    display:-1,

Das display:-1 sorgt dafür, das dein Akkordion bis zum Klick geschlossen bleibt.

**beatrice** · 30.10.2011, 05:24

Danke für die Erläuterung/Template-Nennung/Stelle für die Ergänzung.

Allerdings funktioniert es bei mir nicht...

Müssen noch andere Sachen geändert/eingestellt werden, so dass beim Seitenaufruf das Akkordeon eingeklappt ist?

tschüß,
beate

**magicsepp** · 30.10.2011, 10:42

Hallo Beate,

eventuell muss noch eine Systemwartung erfolgen. Wichtig sind die 3 system Einträge (tmp, scripts, html). Danach sollte die geänderten Templates gehen.

**beatrice** · 30.10.2011, 13:04

Tata!
(gibt es ein emoticon für Trompeten und Fanfaren?)
Bin dank Euch beiden Helfern heute wieder ein Stück weiter...
Wünsche Euch noch einen schönen Sonntag,
tschüß,
beate