Как сделать спойлер для чата, показать скрыть текст?

<script>
var show;
  function look(type){
  param=document.getElementById(type);
  if(param.style.display == "none") {
  if(show) show.style.display = "none";
  param.style.display = "block";
  show = param;
  }else param.style.display = "none"
}
</script>

<a href="#" onClick="look('div1');return false;">
  <font color="69baa7">
  <b>Показать/скрыть (ЧАТ)</b>
  </font>
</a>

<div id="div1" style="display:none">
   
  <table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="background-color: ; border-width: 2px; border-style: solid; border-color: rgb(220, 220, 220); letter-spacing: 0px; word-spacing: 0px;"><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td>
$CHAT_BOX$
<script type="text/javascript">
if(document.getElementById('mchatC1F')){document.getElementById('mchatC1F').value='$GROUP_ID$';};
</script>
   
   
  </td></tr></tbody></table></td></tr></tbody></table>
   
   
  </div>