javascript - 如何使用jquery显示隐藏的表单字段

Question

我有三个输入字段用于收集用户的电话号码。我显示一个字段并隐藏其他两个字段。我在其下方放置了一个链接(添加家庭号码)，当您用户单击该链接时，它会显示隐藏的输入字段。我在其下方又放置了一个链接，单击时会显示最后一个输入字段。

  <input type="text" />
  <a href="#" class="show" >Add Home Number</a>
  <div style="display: none">
         <input type="text" />
  <a href="#" class="show" >Add Office Number</a>
  </div>               
  <div style="display: none">
         <input type="text" />
  </div>               

jquery 看起来像这样..

<script>
    $(function(){ 
    $(".show").click(function () {
    $(this).next("div").show("slow");
    });
    });
</script>

第一个链接工作正常，但第二个链接不起作用。

我感谢所有帮助。

谢谢。

Answer 1

你必须使用每个函数:

像这样:

$(".show").each($(this).click(function () {
    $(this).next("div").show("slow");
    })
);