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>元素，其中有一个直接<li>作为父元素。 MooTools 1.3采用了这个新的选择器引擎Slick，它可以很容易地实现它：ul !> li。

但是，我不确定（我没有成功）直接子选择器与1.1一起正常工作。

以下是我提出的问题：http://jsfiddle.net/rCfwq/

用mootools切换多级ul

1 个答案: