jquery:3级垂直菜单

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/