Javascript 基于Squarespace中选中/未选中的选项显示/隐藏表单字段

超级新手编码问题：我正在Squarespace中创建一个表单，如果未选中复选框（或未选中），我需要隐藏一些字段，如果选中复选框，则显示这些字段。我从教程中提取了代码，我可以成功地隐藏/显示字段，但是如果复选框未选中，我无法重新隐藏字段。以下是我目前掌握的代码：

在标题中：

<style>
#radio-yui_3_17_2_1_1618622877128_73702,
#text-yui_3_17_2_1_1618622877128_87891,
#textarea-yui_3_17_2_1_1618622877128_52186 {
  display: none;
  }
</style>

#无线电-yui_3_17_2_1_1618622877128_73702，
#text-yui_3_17_2_1_1618622877128_87891，
#text区域-yui_3_17_2_1_1618622877128_52186{
显示：无；
}

在页脚中：

<script>
$('#checkbox-yui_3_17_2_1_1618622877128_62022 input').click(function() {
  selection = $(this).val();
  if (selection == 'Visual notetaking') {
    $('.form-item').show();
      }
  });
</script>

$（“#复选框-yui_3_17_2_1_1618622877128_62022输入”）。单击（函数（）{
selection=$（this.val（）；
如果（选择=='VisualNotetaking'）{
$（'.form item'）.show（）；
}
});

（jquery代码也在页脚中）

无论我如何尝试，如果未选中此选项，我都无法再次隐藏表单字段。我能做什么

---

感谢您帮助一位完全的业余爱好者。

欢迎来到Stack Overflow！寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。看见