1

CSS3 の台頭に伴い、mootools アコーディオン クラスで使用されるアニメーションを css トランジションを介して制御したいと考えています。これを行う最善の方法は、アクティブなクラスをアコーディオンのトグル部分と要素部分の両方に割り当てることだと考えています。

トグル要素に対してそれを行うことができましたが、何度も試みた後、要素にアクティブなクラスを与える方法がわかりません。

これまでに入手したmootoolsコードは次のとおりです。

var myAccordion = new Fx.Accordion($$('.toggler'), $$('.services-element'), {
ディスプレイ: 1,
fps: 24、
持続時間: 400,
onActive: function(toggler) { toggler.addClass('active-accordion'); }、
onBackground: function(toggler) { toggler.removeClass('active-accordion'); }、
表示: 0,
高さ: false,
幅: false,
不透明度: 0.3、
固定高さ: 320、
固定幅: null,
常に非表示: true,
initialDisplayFx: false
});

誰かがこれを手伝うことができれば、私は最も感謝しています。

4

1 に答える 1

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'); }、

これにより、必要なものが得られます。

于 2011-07-26T11:06:09.313 に答える