Mehrere Akkordeons

[Benjamin]

Hallo zusammen, bei den Akkordeons wird jeweils nur das 1. Aufgeklappt, obwohl es sich aus mehreren Seiten zusammen setzt:

http://www.tellerlein-deck-dich.de/contao/presse.html

Seitenstruktur:

- Presse
-- Pressespiegel
-- Pressemitteilungen
-- Pressemappe

Es gibt je ein Akkordeon bei Pressespiegel und Pressemitteilungen. Die Seite Presse holt sich jeweils den Artikel Pressespiegel und Pressemitteilung.

Das Problem ist, dass nur bei Pressespiegel 2012 aufgeklappt ist (nicht bei Pressemitteilung), da er alles als ein Akkordeon betrachtet.
Ich möchte, dass überall 2012 bereits aufgeklappt ist und auch die Akkordeons unabhängig voneinander bleiben (bei klick auf Pressespiegel 2010 soll die Pressemitteilung 2012 unberührt bleiben)

Wie gehe ich da vor?

Vielen Dank und viele Grüße
Benjamin

[Andreas]

Oh, da hast du dir aber viel Mühe gegeben. Du präsentierst dort Downloads, keine Seiten, stimmt's?

Versuche mal mit den Inhaltselementen 'Akkordeon Umschlag Anfang/Ende' zu arbeiten.

Pressespiegel h1
Anfang
2012
2011
2010
Ende
Pressemitteilungen h1
Anfang
2012
2011
2010
Ende

[Benjamin]

Vielen Dank für deine Hilfe.

Oh, da hast du dir aber viel Mühe gegeben. Du präsentierst dort Downloads, keine Seiten, stimmt's?

Wie meinst du das genau? Für Anregungen und Hinweise bin ich jederzeit dankbar.

Versuche mal mit den Inhaltselementen 'Akkordeon Umschlag Anfang/Ende' zu arbeiten.

Pressespiegel h1
Anfang
2012
2011
2010
Ende
Pressemitteilungen h1
Anfang
2012
2011
2010
Ende

Das habe ich jetzt probiert. Leider ist es jetzt noch eine Ebene höher geschlossen, sodass es 2012 bei Pressespiegel geschlossen anzeigt (nicht offen) und die Pressemitteilungen komplett geschlossen sind. (http://www.tellerlein-deck-dich.de/contao/presse.html).

[Harry]

Hallo Benjamin,

es sieht für mich so aus, als wolltest Du mit Akkordeons genau das nachempfinden, was das Modul Navigation von Haus aus macht. Spricht etwas dagegen, eine entsprechende Seitenstruktur anzulegen und die jeweiligen Seiten über eine Navigation verfügbar zu machen? Das wäre dann wahrscheinlich auch einfacher zu pflegen.

Gruß
Harry

[Messa]

Ist zwar nicht zur aktuellen Version.
Sollte trotzdem helfen

http://de.contaowiki.org/Akkordeons_verschachteln

lg Matthias

[Andreas]

Hallo Benjamin,

es sieht für mich so aus, als wolltest Du mit Akkordeons genau das nachempfinden, was das Modul Navigation von Haus aus macht. Spricht etwas dagegen, eine entsprechende Seitenstruktur anzulegen und die jeweiligen Seiten über eine Navigation verfügbar zu machen? Das wäre dann wahrscheinlich auch einfacher zu pflegen.

Gruß
Harry

Ne, geht ja nicht, er hat ja nur einfache PDF-Downloads und möchte nur nicht alle Downloadlinks auf einmal zeigen, sondern erst, wenn man eine Rubrik aufklappt.

[Andreas]

Ich sehe gerade, dass mein Vorschlag von oben auch nicht geht. Ich denke du müsstest das Accordion zweimal starten.

Diesen Block hier

new Accordion($$('div.toggler'), $$('div.accordion'), {
  opacity: false,
  alwaysHide: true,
  onActive: function(tog, el) {
    el.setProperty('aria-hidden', 'false');
    tog.addClass('active');
    tog.getNext('div').fade('in');
    tog.setProperty('aria-expanded', 'true');
    return false;
  },
  onBackground: function(tog, el) {
    el.setProperty('aria-hidden', 'true');
    tog.removeClass('active');
    tog.getNext('div').fade('out');
    tog.setProperty('aria-expanded', 'false');
    return false;
  }
});

tauschen gegen

var
  accordions,
  toggler_1,
  toggler_2,
  accordion_1,
  accordion_2,
  options
;

accordions = $$('ce_accordion');
toggler_1 = accordions[0].getElements('div.toggler');
toggler_2 = accordions[1].getElements('div.toggler');
accordion_1 = accordions[0].getElements('div.accordion');
accordion_2 = accordions[1].getElements('div.accordion');
options = {
  opacity: false,
  alwaysHide: true,
  onActive: function(tog, el) {
    el.setProperty('aria-hidden', 'false');
    tog.addClass('active');
    tog.getNext('div').fade('in');
    tog.setProperty('aria-expanded', 'true');
    return false;
  },
  onBackground: function(tog, el) {
    el.setProperty('aria-hidden', 'true');
    tog.removeClass('active');
    tog.getNext('div').fade('out');
    tog.setProperty('aria-expanded', 'false');
    return false;
};

new Accordion(toggler_1, accordion_1, options);
new Accordion(toggler_2, accordion_2, options);

ungetestet

[Benjamin]

Ich sehe gerade, dass mein Vorschlag von oben auch nicht geht. Ich denke du müsstest das Accordion zweimal starten.

Diesen Block hier

new Accordion($$('div.toggler'), $$('div.accordion'), {
  opacity: false,
  alwaysHide: true,
  onActive: function(tog, el) {
    el.setProperty('aria-hidden', 'false');
    tog.addClass('active');
    tog.getNext('div').fade('in');
    tog.setProperty('aria-expanded', 'true');
    return false;
  },
  onBackground: function(tog, el) {
    el.setProperty('aria-hidden', 'true');
    tog.removeClass('active');
    tog.getNext('div').fade('out');
    tog.setProperty('aria-expanded', 'false');
    return false;
  }
});

tauschen gegen

var
  accordions,
  toggler_1,
  toggler_2,
  accordion_1,
  accordion_2,
  options
;

accordions = $$('ce_accordion');
toggler_1 = accordions[0].getElements('div.toggler');
toggler_2 = accordions[1].getElements('div.toggler');
accordion_1 = accordions[0].getElements('div.accordion');
accordion_2 = accordions[1].getElements('div.accordion');
options = {
  opacity: false,
  alwaysHide: true,
  onActive: function(tog, el) {
    el.setProperty('aria-hidden', 'false');
    tog.addClass('active');
    tog.getNext('div').fade('in');
    tog.setProperty('aria-expanded', 'true');
    return false;
  },
  onBackground: function(tog, el) {
    el.setProperty('aria-hidden', 'true');
    tog.removeClass('active');
    tog.getNext('div').fade('out');
    tog.setProperty('aria-expanded', 'false');
    return false;
};

new Accordion(toggler_1, accordion_1, options);
new Accordion(toggler_2, accordion_2, options);

ungetestet

Vielen vielen Dank für eure Hilfe!!!!!

Ich habe die Version getestet. Leider war dann alles aufgeklappt. Die Version von Matthias hat funktioniert.

Nochmals vielen vielen Dank für eure Hilfe.