juqery 显示与隐藏 子项， 类似展开收缩

<!--筛选下拉部分--><script>function onclickli(id,name){if($('#cat_'+id).val()==1){alert("000");$.ajax({ type:'post',url: "{:U('catzilei')}", data:'catid='+id,success: function(mag){if(mag){//$('#cat_'+id).val("0");//设置li值//alert($('#cat_'+id).val());//获取li值//alert($('#cat_'+id).val()==1);$.each(mag,function(n,value) {  $('#cat_'+id).after("<li class='child' onclick='selectname(\""+value.title+"\","+value.id+")'>"+value.title+"</li>"); $('#cat_'+id).val("0");    }        );  }else{$('#catname').html(name);$('input[name="catid"]').val(id);}}    });  }else{$.ajax({ type:'post',url: "{:U('catzilei')}", data:'catid='+id,success: function(mag){if(mag){//$('#cat_'+id).val("0");//设置li值//alert($('#cat_'+id).val());//获取li值//alert($('#cat_'+id).val()==1);$.each(mag,function(n,value) {  $("ul li[class]").remove();$('#cat_'+id).val("1");    }        );  }else{$('#catname').html(name);$('input[name="catid"]').val(id);}}    });  }}function queding(){var catid=$('input[name="catid"]').val();var brand_id=$('input[name="brand_id"]').val();var user_per=$('input[name="user_per"]').val();window.location.href="index.php?s=/addon/WeiSite/WeiSite/find/catid/"+catid+"/brand_id/"+brand_id+"/user_per/"+user_per;}function selectname(name,id){$('#catname').html(name);$('input[name="catid"]').val(id);}</script>

html

<div class="scerrn_bg_1">                    <div class="scerrn_link">                    <ul>                            <li>不限</li><volist name="catinfolist" id="list">                                <li onclick="onclickli({$list.id},'{$list.title}' )" id="cat_{$list.id}" value="1">{$list.title} <span>({$list.shoplist})</span>    </li></volist>                                                           </ul>                </div>                </div>

PHP

//分类子类public function catzilei(){$catid=I('catid');$catmodel=M('shopcategory')->where('pid='.$catid)->select();if($catmodel){$this->ajaxReturn($catmodel);}else{return false;}}