jquery：三级垂直菜单

Question

我已经花了几个小时寻找 3 级垂直手风琴菜单。像这样的东西： http://sandbox.scriptiny.com/javascript-accordion/index.html

一些非常简单的东西就足够了，但我无法让任何东西与 3 个级别一起工作。谁能给我提供一个 jquery 片段来帮助我开始？我尝试过使用

 $('li').click(function(){

           $(this).children('ul').children('li').toggle();

        });

，但它也隐藏了子菜单，而不仅仅是当前的子菜单。谢谢

Answer 1

从头开始的示例：

<ul>
    <li>
        level 2
        <ul>
            <li>a</li>
            <li>b</li>
        </ul>
    </li>
    <li>
        level 2
        <ul>
            <li>
                level 3
                <ul>
                    <li>c</li>
                    <li>d</li>
                </ul>
            </li>

            <li>e</li>
            <li>f</li>
        </ul>
    </li>
</ul>

$('li').click(function(ev) {
    $(this).find('>ul').slideToggle();
    ev.stopPropagation();
});

演示： http://jsfiddle.net/aCaEG/

Answer 2

检查 ui.accordion 看看是否对您有帮助。

在我看来，不要尝试做已经存在的事情。