Добавление активного класса в аккордеонный элемент Mootools

Question

С ростом CSS3 я хотел бы управлять анимацией, используемой классом аккордеонов Mootools через переходы CSS, и я полагаю, что лучший способ сделать это - назначить активный класс как для Toggler, так и для элементных частей аккордации.

Я смог сделать это для элемента Toggler, но после многих попыток я не могу понять, как дать элементу активный класс.

Код Mootools, который у меня есть до сих пор:

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
});

Если кто -то сможет помочь с этим, я был бы самым благодарным.

Answer 1

Благодаря информации, предоставленной Йоханом, я внес изменения в правила Onactive и Onbackground следующим образом:

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

Это дает мне то, что мне нужно.