jQuery - 淡入下一步表单

Question

我无法弄清楚这一点或发现任何相关内容。所以任何帮助都会受到赞赏。

除了第一个以外，基本表单输入是隐藏的。当用户填写第一个输入时，下一个输入将淡入。以某种方式：

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

我该怎么写？无论我尝试什么，我似乎无法让它工作。

Answer 1

发出onBlur事件并检查该值是否为非空

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;