根据 Squarespace 中选中/未选中的选项显示/隐藏表单字段

如何解决根据 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>

在页脚：

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

（jquery代码也在页脚中）

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

感谢您帮助一个完整的业余爱好者。