0

こんにちは、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 を割り当てる必要があります。上から要素のコレクションのセレクターを使用する方法はありますか?

4

1 に答える 1

0

非常に古い 1.1 バージョンに適用すると言う理由がわかりません。ただし、少なくとも1.2以降、渡す必要がある要素は、ID（あなたが言ったように）か、実際の要素のいずれかです。

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

ここでは、親として<ul>直接を持つすべての要素が必要だと思います。<li>MooTools 1.3 は、この新しいセレクター エンジン Slick を備えていますul !> li。

ただし、直接の子セレクターが 1.1 で適切に機能するかどうかはわかりません (成功しませんでした)。

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

于 2010-12-14T00:06:10.483 に答える