jquery - 单击上一个后显示下一个上传按钮

Question

我有 4 个按钮，允许客户在单个产品 View 中上传照片。

到目前为止，我已经设法隐藏了 4 个按钮中的 3 个。我想要实现的是“你点击一个(上传一个文件)然后另一个出现等等直到第四个 - 最后一个按钮”

这就是我想出的，到目前为止，点击一个按钮会显示所有按钮。

https://jsfiddle.net/th24Lf7d/

jQuery(document).ready(function() {

jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie').hide();
jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie').first().show();

 jQuery('.input-text.addon').on('click', function() {

     var test = jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie'); 

    jQuery(test).next().show();  

});

});

Answer 1

尝试使用 change 事件代替 click 事件，如下所示。

jQuery(document).ready(function() {

  jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie').hide();
  jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie').first().show();

  jQuery('.input-text.addon').on('change', function() {
    jQuery(this).closest("p").next().show();
  });
});

Working Fiddle .