mootoolsでマルチレベルulを切り替えます

Question

グリーティング、 mootools 1.1またはプレーンなjavascriptを使用して巨大なマルチレベルulを切り替えたいと思います。 リストのようになります。HTML ：

<ul> 
    <li>aaa</li> 
    <li>bbb</li> 
    <li>ccc</li> 
    <li> 
     <ul> 
      <li>ddd 
       <ul> 
        <li>fff</li>  
        <li>ggg</li> 
       </ul> 
      </li> 
      <li>eee</li> 
     </ul> 
    </li> 
</ul> 

私が最初にやりたい何かが展開最初のレベルを示すことで、リストの各項目をクリックしたときに他のレベルが拡大し、崩壊し、その下のul。

上記のhtmlを（大幅に）変更しなくても可能ですか？ ドキュメントからは、Fx.Slideが最も適切だとわかりますが、要素のIDをパラメータとして受け取ります。つまり、各リスト項目にIDを割り当てる必要があります。 要素のコレクションのセレクタを上から順番に使用する方法はありますか？

Answer 1

非常に古いバージョンの1.1で適用されるとは私は確信していません。しかし、少なくとも1.2以降、渡す必要のある要素は、あなたが言ったようなIDか、実際の要素のどちらかです。

1.1以外のバージョンを使用できる場合は、1.3を試してください。これにより、必要な要素を簡単に選択できます。

ここでは、を親として直接持つすべての<ul>要素が必要と考えています。 MooTools 1.3にはこの新しいセレクターエンジンSlickが搭載されています。これはかなり簡単に実現します：ul !> li。

しかし、直接の子セレクタが1.1で正しく動作するかどうかはわかりません（私は成功しませんでした）。

これは私が思いついたものです：http://jsfiddle.net/rCfwq/