Положение кнопки переключения: активно до повторного нажатия. Mootools

Question

Я работаю с этой страницей:

http://www.bluebeam.com/us/support/ipad/

Я хочу, чтобы кнопки, открывающие / закрывающие вопрос, отображали "+", когда он закрыт, и "-", когда он открыт. Я установил "активный" класс для добавления содержимого "-", но он не остается "активным", когда ответ раскрывается.

Я попытался добавить.setStyle к js, но это тоже ничего не дало.

Вот что я сейчас делаю для кнопок:

http://jsfiddle.net/ajrdesign/pT6Vu/

Answer 1

Вы не можете получить доступ к псевдо элементу через JS вообще. поэтому вы создаете новые стили и работаете с родителем.

http://jsfiddle.net/dimitar/pT6Vu/1/

.tips_tricks button:after {
    content:"+";
}


.tips_tricks button.on:after {
    content:"-";
}

затем нажмите, чтобы переключить класс "вкл" и вуаля.

единственный способ установить другое отношение - через ссылку на атрибут.

.tips_tricks button:after {
    content: attr(data-content);
}

затем el.set('data-content', '-'); - хотя я бы сказал, что это менее надежно.

см. http://jsfiddle.net/dimitar/pT6Vu/2/