Ich sehe gerade, dass mein Vorschlag von oben auch nicht geht. Ich denke du müsstest das Accordion zweimal starten.
Diesen Block hier
HTML-Code:
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
HTML-Code:
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
Lesezeichen