Javascript 如何使用事件单击jquery隐藏多个表单并显示其中一个表单

我使用jquery在文档准备就绪时隐藏所有内容，当我单击其中一个btn主节点时，将根据每行的显示和隐藏

jquery

<script>
$(document).ready(function() {
$('#table').DataTable();
$('#formmasuk').hide();
$('.btn-primary').click(function() {
$('#formmasuk').show();
$('#buttonmasuk').hide();
   });
});
</script?

html

当文档准备就绪时，将显示此图像。 为什么不全部隐藏？ 当我点击其中一个按钮masuk class btn primary，然后显示

---

我想当clik单击一个按钮masuk class btn primary，然后显示另一个仍然隐藏的按钮时，您的html id-s对于页面应该是唯一的。尝试向表单中添加唯一的id-s，因为现在您正在为表单分配相同的值formmasuk

将您的id更改为类

应该是这样的

<div class='buttonmasuk'>
...
<div class='formmasuk'>

---

您需要首先将Jquery库添加到dom中 在index.html中添加此链接

         ["http://code.jquery.com/jquery-2.2.4.min.js"
          integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
          crossorigin="anonymous"]

并删除datatable代码的第二行 从您的脚本，然后代码工作良好，也请结束您的脚本标签正确

$('.formmasuk').hide();
$('.btn-primary').click(function() {
  $(this).closest('.formmasuk').show();
  $(this).closest('.buttonmasuk').hide();
});

         ["http://code.jquery.com/jquery-2.2.4.min.js"
          integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
          crossorigin="anonymous"]