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' οnclick='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 οnclick="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;
		}

	}