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并查看是否有帮助。

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

jquery：3级垂直菜单

2 个答案: