CodePen

HTML

            
              <form action="" method="post">
     <table>
          <tr id="row1">
            <td><input type="text" id="input1"</td>
          </tr>
          <tr id="row2">
            <td><input type="text" id="input2"</td>
          </tr>
          <tr id="row3">
            <td><input type="text" id="input3"</td>
          </tr>
          <tr id="row4">
            <td><input type="text" id="input4"</td>
          </tr>
          <tr id="row5">
            <td><input type="text" id="input5"</td>
          </tr>
    </table>    
<input type="submit" name="submit">
</form>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              for(var i=2; i<=5; i++ ){	
	$('#row'+i).hide();
	}
	
 for(var j=1; j<=4; j++)	{
	var k=j+1;
	
	$('#input'+j).focus(function(){
		$('#row'+k).show();
		});
	} 

/* The code works if I write it individually.
$('#input1').focus(function(){
		$('#row2').show();
		});
*/
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................