Question

使用jquery ，点击li前的复选按钮，改变li下的ul标签的隐藏和显示状态。

ul显示时，单机复选按钮，此个li下ul标签展开（显示）；
<ul>
<input class='l' class='check_box' type='checkbox' id='1' name='0' ><li id='1'>主页</li>
<input class='l' class='check_box' type='checkbox' id='2' name='0' ><li id='2'>系统管理</li>
<ul>
<input class='l-2' class='check_box' type='checkbox' id='7' name='0' ><li id='7'>用户模块</li>
<ul>
<input class='l-3' class='check_box' type='checkbox' id='8' name='2' ><li id='8'>员工管理</li>
<ul>
<input class='l-4' class='check_box' type='checkbox' id='9' name='7' ><li id='9'>公司员工管理</li>
<input class='l-4' class='check_box' type='checkbox' id='10' name='7' ><li id='10'>供应商员工管理</li>
</ul>
<input class='l-3' class='check_box' type='checkbox' id='68' name='2' ><li id='68'>角色管理</li>
</ul>
</ul>
</ul>
ul隐藏时,单击li前的复选按钮，li下ul标签展开（显示）。
ul显示时,单击li前的复选按钮，li下ul标签折叠（隐藏）。

Answer 1

$("ul :checkbox").click(function(){
    var me = $(this);
    if(me.prop("checked")){
        me.next("li").find("ul").show();
    }else{
        me.next("li").find("ul").hide();
    }
});

追问

我试了下，这两个if都可以进去，但是都没有效果。。。我也很奇怪