Mootools: та же функция генерирует ошибку при использовании отдельных элементов?

Question

это ошибка, которую я получаю:

Uncaught TypeError: Object #<HTMLDivElement> has no method

это код в функции domready:

    $$('.accordion_content').slide('hide');
    $$('.accordion_header').addEvent('click', function(e) {
        this.getParent().getElement('.accordion_content').slide('toggle');
        this.toggleClass('header_highlight');
    });
        //  set horizontal slide for sidebar
    $('priceNPay').slide('hide', 'horizontal');
    $('theSidebar').style.backgroundColor = 'green';
        //  THIS IS WHERE IT ERRORS OUT... WHY!?
    $('theSidebar').addevent('click', function(e) {
        this.getElement('priceNPay').slide('toggle');
        this.toggleClass('header_highlight');
    });

первый кусок кода работает нормально,переключается как сумасшедший на все элементы <div> соответствующего класса.второй кусок кода скрывает <div>, изменяет цвет <div> ... но выдает ошибки при попытке сделать addEvent.

WHYYYY !!! ????

структура единственного различия, которое я могу себе представить, была бы релевантной ... если бы она не работала:

<div id='someName'>
  <h1>title text</h1>
  <div id='someOtherName'>  (on the sidebar, this is an 'article' element)
    <p>some text</p>
  </div>
</div>

то, чего я не придерживаюсь, это то, почему оно скрывается, нотогда не будет цели для переключения ...?

спасибо банде.

WR!

Answer 1

Вы используете addevent вместо addEvent.