打开和关闭表单onclick javascript

我用简单的脚本点击按钮打开表单

<script>
function showMsg(){
document.message.style.visibility="visible";
}
</script>

函数showMsg（）{
document.message.style.visibility=“可见”；
}

形式出现，一切正常。现在我添加了一个x来再次隐藏这个表单，我尝试了各种脚本，但都没有效果。也许我需要设置div隐藏而不是form？有什么建议吗？ 这是我的密码

<div id="msg"><class="button" onclick="showMsg();">
<form style="visibility:hidden" name="message" method="post" action="contact.php">
<br><br>
<div id="demo">
<table width="230px" align="center" style="box-shadow: 0px 0px 30px 0px rgba(0, 0, 
0, 100);">
<tr><td colspan=1></td></tr>
<tr>
<td><a href="#" class="close-classic"></a></td>
</tr>
</table>
</form>
</div>
</div>

下面是一个非常简单的代码，说明您正在尝试做什么：

---

你应该首先按照其他用户的建议清理和修复你的代码，然后从中构建。

这是你的HTML，还是你在这里输入了它并犯了一些错误？你应该使用

display

属性而不是

visibility

属性这是怎么做到的，我只是在这里缩短了表格。你有

>是的，我知道我之前已经解决了这个问题（现在又尝试了），但是不知怎么的，我的表格没有出现。