jquery 操作 input顯示或者隱藏

廢話不多說，直接上代碼

<script type="text/javascript" >
	function showinput(){
		var display =$('#input1').css('display');
		console.log("display:"+display);
		if(display == "none"){
			$('#input1').show();
		}else{
			$('#input1').hide();
		}
	}
	
	function showinput2(){
		var hidden = $('#input2').attr('hidden');
		console.log("hidden:"+hidden);
		if(hidden == "hidden"){
			$('#input2').removeAttr("hidden");
		}else{
			$('#input2').attr("hidden","hidden");
		}
	}
	
	function showinput3(){
		if($('#input3').is(":hidden")){
			$('#input3').show();
		}else{
			$('#input3').hide();
		}
	}
	
	function showinput4(){
		if($('#input4').is(":visible")){
			$('#input4').hide();
		}else{
			$('#input4').show();
		}
	}
</script>