将活动类添加到Mootools手风琴元素

Question

随着CSS3的兴起，我想通过css过渡来控制mootools手风琴类所使用的动画，我认为最好的方法是为切换器和元素部分分配一个活动类。手风琴。

我已经能够为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

感谢Johan提供的信息，我修改了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'); },

这给了我我需要的东西。