jqeury显示前几个，隐藏后几个，点击后隐藏前几个显示后几个

<script type="text/javascript">
	$(".ul li").each(function(){
		if($(this).index()>2){
			$(this).css("display","none");
		}
	});
	$(".huan").click(function(){
		$(".uli li").each(function(){
			if($(this).is(":hidden")){
				$(this).css("display","block");
			}else{
				$(this).css("display","none");
			}
		});
	});
</script>

有6个li，点击.huan的时候，前3个和后3个来回切换，隐藏显示