Hinzufügen einer aktiven Klasse zu einem Mootools -Akkordeonelement

Question

Mit dem Aufstieg von CSS3 möchte ich die von der Mootools Accordion -Klasse über CSS -Übergänge verwendete Animation steuern, und ich denke, der beste Weg, dies zu tun, besteht darin, sowohl den Toggler- als auch den Elementteilen des Akkordeons eine aktive Klasse zuzuweisen.

Ich konnte das für das Toggler -Element tun, aber nach vielen Versuchen kann ich nicht herausfinden, wie man dem Element eine aktive Klasse gibt.

Der Mootools -Code, den ich bisher habe, ist:

var myAccordion = new Fx.Accordion($$('.toggler'), $$('.services-element'), {
display: 1,
fps: 24,
duration: 400,
onActive: function(toggler) { toggler.addClass('active-accordion'); },
onBackground: function(toggler) { toggler.removeClass('active-accordion'); },
show: 0,
height: false,
width: false,
opacity: 0.3,
fixedHeight: 320,
fixedWidth: null,
alwaysHide: true,
initialDisplayFx: false
});

Wenn jemand dabei helfen kann, wäre ich sehr dankbar.

Answer 1

Dank der von Johan bereitgestellten Informationen habe ich die onaktiven und Onbackground -Regeln wie folgt geändert:

onActive: function(toggler, element) { toggler.addClass('active-accordion'), element.addClass('active-accordion') ; },
onBackground: function(toggler, element) { toggler.removeClass('active-accordion'), element.removeClass('active-accordion'); },

Das gibt mir, was ich brauche.