Javascript 如何使用jQuery取消隐藏多个输入

我有一个表单，用户可以选择输入多个选项。我当前显示一个输入字段，并隐藏该选项的其余4个输入字段

以前，我使用每个输入下的链接来取消隐藏下一个输入和链接

$(function(){ 
    $(".show").click(function () {
        $(this).parent().next("div").show();
        evenpreventDefault();
    });
});

但我只想使用一个链接逐个取消隐藏隐藏的输入（第一次单击=第一次隐藏输入，第二次单击=第二次输入..依此类推）

---

这在jQuery中是否可行，我非常感谢您的帮助。

我认为您希望按1显示，因此解决方案如下：

HTML

<div id="wrapper">
    <div>  
            <a href="#" class="show">Show</a>
    </div>
      <div class="test" id="1"><input type="text" value="1"/></div>
      <div class="test" id="2"><input type="text" value="1"/></div>
      <div class="test" id="3"><input type="text" value="1"/></div>
      <div class="test" id="4"><input type="text" value="1"/></div>
</div>

---

“显示链接”和“隐藏链接”必须具有相同的父链接，因此要处于相同的结构级别，您需要可见的同级链接，但只需要第一个链接，然后显示它。

。这不会出现语法错误

$(".test").hide();
    $(".show").click(function (event) {       
        $(this).parent().siblings("div:not(:visible)").first().show();
        event.preventDefault();
});

---

只需制作一个数组，根据点击次数对其进行迭代，并取消隐藏相应的输入？@Meke:我想他想一个接一个地显示输入，而不隐藏其余的内容。根据我的理解，我已经给出了答案

$(".test").hide();
    $(".show").click(function (event) {       
        $(this).parent().siblings("div:not(:visible)").first().show();
        event.preventDefault();
});