如何使用带有 Javascript/typescript/Jquery 的按钮点击功能显示输入字段？

Question

我创建了一个用于添加联系方式的按钮。当用户点击时，应该向用户显示很少的输入字段，如名字、姓氏。

我怎样才能做到这一点？

Answer 1

看看这个小提琴。

它使用jQuery这使它更容易。

这是片段。

$("#button").click(function() {
  $("#fn").show();
  $("#ln").show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="button" type="button" value="Click">
<br>
<div id="fn" hidden>First Name :
  <input type="text" />
</div>
<br>
<div id="ln" hidden>Last Name :
  <input type="text" />
</div>