jQuery - 次のステップ形式でフェードする

Question

私はこれを理解することはできません。だから、どんな助けもありがとう。

基本的なフォーム入力は最初のものを除いて隠されています。ユーザーが最初の入力を塗りつぶすと、次のものがフェードインします。

input each 
val placeholder 
if !empty or !placeholder 
find next input fade in 

どのように記述できますか？私は何を試してもそれを動作させることはできないようです。

Answer 1

onBlurイベントを入れて、値が

$(function() { 
 
    $('input').on('blur', function() { 
 
    if($(this).val() != '') { 
 
     $(this).next('input').fadeIn('slow'); 
 
    } 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" /> 
 
<input type="text" hidden /> 
 
<input type="text" hidden/> 
 
<input type="text" hidden/>