树形菜单收缩问题

如图lable是一级菜单矩形为二级菜单椭圆为三级菜单。这些都是通过XML读取出来的。想通过点击矩形部分的二级菜单收缩下面的三级菜单再次点击就展开。其他矩形部分下的三级菜单不会受影响。 求大神给点意见或思路。

9 个解决方案

#1

试试这么写：

    $(".er").click(function(){
        $(".san").nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

#2

引用 1 楼 a756375788 的回复:

试试这么写：

    $(".er").click(function(){
        $(".san").nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

然后呢？

#3

引用 1 楼 a756375788 的回复:

试试这么写：

    $(".er").click(function(){
        $(".san").nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

好像有问题。

#4

引用 3 楼 u013116426 的回复:

Quote: 引用 1 楼 a756375788 的回复:

试试这么写：

    $(".er").click(function(){
        $(".san").nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

好像有问题。

有啥问题？说说看

#5

可以参考下这个http://www.lanrenzhijia.com/nav/2792.html

#6

引用 4 楼 a756375788 的回复:

Quote: 引用 3 楼 u013116426 的回复:

Quote: 引用 1 楼 a756375788 的回复:

试试这么写：

    $(".er").click(function(){
        $(".san").nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

好像有问题。

有啥问题？说说看

他下面所有的san的三级菜单都跟着一起收缩，而且不是全部的。就是点其中一个er菜单  所有er菜单下面的san菜单都一起收缩，而且每个er菜单下的第一个san菜单没有反应,是第二个以后的跟着一起收缩！

#7

引用 5 楼 u010328535 的回复:

可以参考下这个http://www.lanrenzhijia.com/nav/2792.html

不行。跟我的不一样。

#8

    $(".er").click(function(){
        $(this).nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

#9

引用 8 楼 xuzuning 的回复:

    $(".er").click(function(){
        $(this).nextUntil(".er").each(function(){
             $(this).toggle();
        })
    })

Bingo!!!