以下代码是否可以改为先是隐藏状态？

老师：
    以下代码打开时先是显示状态了，怎么改成先是隐藏状态，点击后再显示？
=========================================
<script language="JavaScript" type="text/javascript">
function $(id)
{
    return document.getElementById(id);   
}

function show(obj)
{
    var s=$(obj).style;
    s.display=s.display=="none" ? "" : "none";
}
</script>
<table width="500" border="1">
  <tr>
    <td width="200" style="cursor:pointer;" onClick="show('div1');">点击单元格显示文字或图片</td>
    <td><div id="div1">将这里的文字替换成图片就行了</div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>