Javascript 向Mootools Accordion元素添加活动类

Javascript 向Mootools Accordion元素添加活动类,javascript,css-transitions,accordion,mootools,Javascript,Css Transitions,Accordion,Mootools,随着CSS3的兴起,我希望通过css转换来控制mootools accordion类使用的动画,我认为最好的方法是为accordion的切换器和元素部分分配一个活动类 我已经能够为toggler元素做到这一点,但是在多次尝试之后,我不知道如何为元素提供一个活动类 到目前为止,我得到的mootools代码是: var myAccordion = new Fx.Accordion($$('.toggler'), $$('.services-element'), { display: 1, fps:

随着CSS3的兴起,我希望通过css转换来控制mootools accordion类使用的动画,我认为最好的方法是为accordion的切换器和元素部分分配一个活动类

我已经能够为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 }); var myAccordion=new Fx.Accordion($$('.toggler'),$$('.services元素'){ 显示:1, fps:24, 持续时间:400, onActive:function(toggler){toggler.addClass('active-accordion');}, onBackground:function(toggler){toggler.removeClass('active-accordion');}, 显示:0, 身高:错, 宽度:false, 不透明度:0.3, 固定高度:320, fixedWidth:null, 是的, initialDisplayFx:false });
如果有人能帮上忙,我将不胜感激。

多亏了约翰提供的信息,我修改了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'); }, onActive:function(toggler,element){toggler.addClass('active-accordion'),element.addClass('active-accordion');}, onBackground:function(toggler,element){toggler.removeClass('active-accordion'),element.removeClass('active-accordion');},
这给了我所需要的。

多亏了约翰提供的信息,我对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'); }, onActive:function(toggler,element){toggler.addClass('active-accordion'),element.addClass('active-accordion');}, onBackground:function(toggler,element){toggler.removeClass('active-accordion'),element.removeClass('active-accordion');},
这就提供了我所需要的。

请确定:是否要向active services元素添加css类?因为onActive和onBackground事件函数也将元素作为第二个参数接收。。不仅仅是扳机。onActive(切换者,元素),onBackground(切换者,元素)欢呼。在进一步讨论之后,我得到了它,多亏了这些信息。只是想确定一下:是否要向active services元素添加css类?因为onActive和onBackground事件函数也将元素作为第二个参数接收。。不仅仅是扳机。onActive(切换者,元素),onBackground(切换者,元素)欢呼。多亏了这些信息,在进一步的游戏之后,我得到了它。