这种效果怎么做？

Question

我要的这种效果是这样的：我在页面中放一个复选框和一张表格，并且表格里放上一张图片。开始时表格是隐藏的，当我点击复选框（也就是选中复选框）时，表格就显示出来，仿之就隐藏！~我编了它的代码但是就是看不到效果啊！~部分代码如下：
<script type="text/javascript">
function showadv() {
if(document.register.advshow.checked == true) {
$("adv").style.display ="none"
} else {
$("adv").style.display = "block";
}
}
</script>
<form name="register" method="post" action="">
  <label>
  <input type="checkbox" name="advshow" value="checkbox" onClick="showadv()">
  </label>
</form>
<table width="305" height="188" border="1" align="center" cellpadding="1" cellspacing="0" style="display:none" id="adv" name="adv">
  <tr>
    <td width="195"><img src="3.jpg" width="498" height="374"></td>
  </tr>
</table>
大家都帮我看一下啊 ,到底是那里错了,可以的话帮我写一下你的代码,我在此万分感谢!~

Answer 1

<script type="text/javascript">
function showadv() {
if(document.getElementsByName("advshow")[0].checked == true) {
document.getElementsByName("adv")[0].style.display ="none"
} else {
document.getElementsByName("adv")[0].style.display = "";
}
}
</script>
<form name="register" method="post" action="">
<label>
<input type="checkbox" name="advshow" value="checkbox" onClick="showadv()">
</label>
</form>
<table width="305" height="188" border="1" align="center" cellpadding="1" cellspacing="0" style="display:none" id="adv" name="adv">
<tr>
<td width="195"><img src="3.jpg" width="498" height="374"></td>
</tr>
</table>