Добавление активного класса к аккордеонному элементу Mootools - PullRequest
Новая
       15

Добавление активного класса к аккордеонному элементу Mootools

1 голос
/ 25 июля 2011

С появлением 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
});

Если кто-то может помочь с этим, я был бы очень признателен.

1 Ответ

1 голос
/ 26 июля 2011

Благодаря информации, предоставленной Йоханом, я изменил правила 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'); },

Это дает мне то, что мне нужно.

...