我试图在用javascript单击按钮时显示表单

我正在做一个网站，有一个留言簿页面。页面上有一个对话区，顶部有一个链接，上面写着“点击发布”。我尝试使用jquery使其显示允许您添加到页面的表单，但似乎无法使其正常工作。 我已经能够使用普通javascript让它工作，但没有动画，所以我尝试使用.slideToggle（）；但是没有成功。这里有很多代码，我不知道罪魁祸首在哪里，所以如果真的很长，我很抱歉。脚本标记后面的函数就是我最初使用的函数。

万一这是一个愚蠢的错误，我不知道JS/Jquery

---

留言簿——我的编码
功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display=='block'）
e、 style.display='none'；
其他的
e、 style.display='block'；
}
$（“#显示文章”）。单击（函数（）{
$（“#发布新表格”）.slideToggle（）；
}); 
点击发布
姓名*：
电子邮件*：
信息*：
3*2=*
如果要将单击事件附加到尚不存在的元素，可以将JavaScript移动到#post_new_table元素下方，也可以将脚本放在$（document）.ready（）调用中

将js包装在函数中，如下所示：

<script type="text/javascript">

$(function(){
   function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
   }

    $("#display_post").click(function(){
    $("#post_new_table").slideToggle();
    }); 
});
</script>


$（函数（）{
功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display=='block'）
e、 style.display='none'；
其他的
e、 style.display='block'；
}
$（“#显示文章”）。单击（函数（）{
$（“#发布新表格”）.slideToggle（）；
}); 
});
根据JQuery，这应该是可行的：

$("#display_post").click(function(){
  $("#post_new_table").toggle();
});

非常好，谢谢你。
<script type="text/javascript">

$(function(){
   function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
   }

    $("#display_post").click(function(){
    $("#post_new_table").slideToggle();
    }); 
});
</script>

$("#display_post").click(function(){
  $("#post_new_table").toggle();
});