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/>