ต้องการสร้างฟังก์ชันที่เวลากดปุ่มแล้วทำการ แสดง/ซ่อน content ที่ละ step ครับ

   <input type="text" name="str1" value=""/>
   <input type="hidden" id="hdcount" value="1" />
   <span id="spantxt"></span>
   <button id="btnPlus" onclick="Plus();">+</button>
   
   <script src="bootstrap/js/jquery-1.10.2.min.js"></script>
<script>
	function Plus(){
		var spantxt=$('#spantxt'); // id span
		var btnPluz=$('#btnPlus'); // id btn
		var txt=$('<input>'); // create input
		var hdcount=$('#hdcount'); // id hdcont
		var count=parseInt(hdcount.val())+1; // idhdcount+1
		hdcount.val(count); //แทนค่าครั้งต่อไป
		txt.attr({'type':'text','name':'str'+count}); // create attibute
		spantxt.append('<br>');
		spantxt.append(txt);
		if(count==3){
			btnPluz.hide();
		}
	}
</script>

    <input type="text" id="str1" value="1"/><input type="number" id="hdcount" value="2" /><button id="btnP">+</button><button id="btnD">-</button><br>
   <input type="text" id="str2" value="2"/><br>
   <input type="text" id="str3" value="3"/><br>
 
   
   	<script src="bootstrap/js/jquery-1.10.2.min.js"></script>
	<script>
		$(function(){
			var str2=$('#str2');
			var str3=$('#str3');
			var btnP=$('#btnP');
			var btnD=$('#btnD');
			var hdcount=$('#hdcount');
				str2.hide();
				str3.hide();
				btnD.hide();
				
			$('#btnP').click(function(){
				var count=parseInt(hdcount.val())+1;
				$('#str'+hdcount.val()).show();
				hdcount.val(count);
				if(count>= 4){
					btnP.hide();	
				}else{
					btnP.show();	
				}
				
				if(count <= 2){
					btnD.hide();	
				}else{
					btnD.show();	
				}
			});
			
			$('#btnD').click(function(){
				var count=parseInt(hdcount.val())-1;
				$('#str'+count).hide();
				hdcount.val(count);
				if(count>= 4){
					btnP.hide();	
				}else{
					btnP.show();	
				}
				
				if(count <= 2){
					btnD.hide();	
				}else{
					btnD.show();	
				}	
			});
			
		});
	</script>