2011-07-25 139 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規則。

相關問題