Конвертировать Jquery toggle to mootools

Question

Мне нужно преобразовать скрипт jquery в скрипт mootools 1.2.5.

$(document).ready(function() 
{ 
     $('ul li').click(function(e) { 
     e.preventDefault(); 
     $(this).children('ul').slideToggle(); 
     return false; 
    }).children("ul").hide(); 
}); 

Программное обеспечение для покупок, которое я использую, работает только с mootools. JQuery повлиял отрицательно на mootools.

noConflict не работает.

Я нашел это solution.

Но я не могу использовать либо потому, что display:none; & display:block; для UL и LI закреплена почти в каждой строке всего CSS и что является сумасшедшим, чтобы изменить весь CSS.

Answer 1

Я правильно понимаю, что вы хотите переключать видимость каждого уровня? Попробуйте этот javascript (JSFiddle):

$$('#main li').each(function(obj, index) { 
    obj.addEvent('click', function(e) { 
     this.getFirst('ul').toggleClass('show'); 
     this.addClass('show'); 
     e.stopPropagation(); 
    }); 
});