Moin, moin,
hab nun mal folgendes gemacht:
moo_accordion.html5 neu im Template-Ordner erstellt, umbenannt in moo_accordion_outer.html5, nur die rotmarkierten Stellen im Code wie folgt geändert:
Code:
<script>
window.addEvent('domready', function() {
new Accordion($$('div.toggler_outer'), $$('div.accordion_outer'), {
opacity: false,
alwaysHide: true,
onActive: function(toggler, elem) {
elem.setProperty('aria-hidden', 'false');
toggler.addClass('active');
toggler.getNext('div').setStyle('visibility', 'visible').fade('in');
toggler.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(toggler, elem) {
elem.setProperty('aria-hidden', 'true');
toggler.removeClass('active');
toggler.getNext('div').fade('out').setStyle('visibility', 'hidden');
toggler.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler_outer').each(function(elem) {
elem.setProperty('role', 'tab');
elem.setProperty('tabindex', 0);
elem.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(elem) {
elem.setProperty('role', 'tablist');
});
$$('div.accordion_outer').each(function(elem) {
elem.setProperty('role', 'tabpanel');
});
});
</script>
ein äußeres mit class='toggler_outer und accordion_outer', sowie zwei innere Standard-Akkordeons angelegt, im Seiten-Layout beide Templates moo_accordion_outer.html5 und moo_accordion.html5 eingebunden.
Leider funktionieren nur die zwei inneren, aber nicht das äußere Akkordeon. Binde ich nur das eine bzw. das andere Template ein, reagieren wenn nur die inneren.
toggler_outer müsste doch wenigstens funktionieren, wenn das moo_accordion.html5 nicht eingebunden ist.
Wo könnte die Lösung liegen??
Gruß
Bees2
PS: @Administrator: dieses Thema gehört besser mit in dieses Thema! Danke für's Verschieben!
[Moderation: Themen zusammengeführt. Danke für den Hinweis.]
Lesezeichen