Mootoolsアコーディオン要素にアクティブクラスを追加する

Question

CSS3が登場したので、mootoolsアコーディオンクラスで使用されるアニメーションをCSSトランジションで制御したいと思っています。これを行うには、アコーディオンのトグル要素と要素部分の両方に対応するクラスです。

私は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'); }, 

次のようにヨハンが提供する情報へ

Answer 1

おかげで、私はonActiveとonBackground規則を改正しました。