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