JSFiddle - React, Tailwind, and code Playground

by Ryan Perez

HTML

<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>
<div class="red"><input type="text"></div>

CSS

.red {display:none;}

JavaScript

var showInput = $('.red');
var ShowFirstInput = $('.red:first-child').show();

showInput.each( function(){

$(this).on("keyup", function(){
		$(this).next().fadeIn();
	});
 
});