将Jquery切换转换为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;＆amp; display:block;对于UL和LI来说几乎停留在整个css的每一行中，那就是疯狂地改变整个css。

Answer 1

我理解你想要切换每个级别的可见性？ 试试这个javascript（DEMO）：

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