2011-07-25 54 views
1

随着CSS3的兴起,我想通过css转换控制mootools手风琴类使用的动画,并且我认为最好的方法是指定一个活动既是手风琴的手风琴也是手风琴的元素部分。将活动类添加到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 
}); 

如果任何人都可以在这方面帮助,我会非常感激。

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

这给了我什么,我需要:

+1

可以肯定的是:你想添加一个CSS类到活动的服务元素?因为onActive和onBackground事件函数也接收元素作为第二个参数。不仅仅是触发器。 onActive(触发器,元素),onBackground(触发器,元素) – Johan

+0

干杯。经过进一步游戏后,我得到了它,感谢那些信息。 – Dave

回答

1

多亏了约翰提供的信息,如下我修改了onActive和onBackground规则。

相关问题