Открытие и закрытие формы OnClick Javascript

Question

Я сделал форму открытой на кнопку мыши с простой скрипт

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

появляется форма, все работает. Теперь я добавил x, чтобы снова скрыть эту форму, я пробовал различный скрипт, но ничего не работало. Может быть, мне нужно установить div скрытым вместо формы? Любые предложения? Вот мой код

<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> 

Answer 1

Вот очень простой, скелетным код, что вы пытаетесь сделать:

http://codepen.io/anon/pen/LJIre

Вы должны первый чистый и исправить код, как другие пользователи предложили и строить оттуда.