Mootools set className

Question

У меня есть список событий, на клике раскрываются элементы, и они ДОЛЖНЫ сделать обратное при втором клике.Это часть моего маленького сценария, который не работает.ПОЧЕМУ НЕ ??

window.addEvent('load',function() {
  $$('.eventlistitempassive').each(function(item) {
    item.addEvent('click',function() { 
    $$('.eventlistitemactive').set('class', 'eventlistitempassive block');
    item.set('class', 'eventlistitemactive block');
    });
  });
  $$('.eventlistitemactive').each(function(item) {
    item.addEvent('click',function() { 
        item.set('class', 'eventlistitempassive block');
        });
  });
}); 

См. Сценарий в действии на http://hoch3.cc/index.php/aktuelles.html Спасибо, PB

Answer 1

как насчет

window.addEvent('domready', function(){
  $$('.eventlistitempassive').addEvent('click', function(){
      this.toggleClass('bar');
  });
});

http://jsfiddle.net/tofu/aUPtw/

Answer 2

Проблема в том, что в window.load нет активного элемента, поэтому ваш второй селектор для добавления событий щелчка по каждому активному элементу ничего не находит. Итак, попробуйте это:

window.addEvent('load',function() {
  $$('.eventlistitempassive').each(function(item) {
    item.addEvent('click',function() { 
        $$('.eventlistitemactive').set('class', 'eventlistitempassive block');
        item.set('class', (item.get('class') == 'eventlistitemactive block' ? 'eventlistitempassive block') : 'eventlistitemactive block');
    });
  });
});

поздравления из Австрии;)