具体是：
$("#ID").click(function(){
$("#ID2").hide(1000)
})
上面的这段代码意思是：绑定id="ID"的这个标签的点击事件，当点击了这个事件之后触发函数里面的$("ID2").hide(1000)//也就是点击了ID标签后会隐藏id="ID2"的这个标签以1000毫秒的时间结束关闭（或者说隐藏）这个标签。
使用上面这段代码的前提是你引用一个jquery库，你直接在网上搜一个下载吧
这个问题其实想要实现的效果不难，但关键在于你的数据是灵活变化的还是固定不变的？
（1）如果是固定的，我是指（表格大小，长宽，位置均不变，但图片内容是可以变化的），这个就很容易写，我写了一个简单的Demo
HTML:
<!DOCTYPE html><html>
<head>
<title></title>
<meta http-equiv="Content-type" content="text/html charset=utf-8" />
<style type='text/css'>
.sel tr td{
width: 80px
background:#09f
height: 20px
text-align: center
color:#fff
cursor: pointer
}
table tr td img{display: none} /*这里我先把图片隐蔽了*/
</style>
</head>
<body>
<table>
<tr>
<!-- 给图片添加一个ID -->
<td><img src='../picture/01.jpg' id='img1' /></td>
<td><img src='../picture/02.jpg' id='img2' /></td>
<td><img src='../picture/03.jpg' id='img3' /></td>
</tr>
</table>
<table class="sel">
<tr>
<!--直接在td上添加事件，并传入指定的参数-->
<!-- 这个参数就是对应图片的ID -->
<td onclick="fToggle('img1')" >1</td>
<td onclick="fToggle('img2')" >2</td>
<td onclick="fToggle('img3')" >3</td>
</tr>
</table>
</body>
<script type="text/javascript">
function fToggle(objId){
//触发事件后，根据传入的参数获取对应的图片的display值
var state = document.getElementById(objId).style.display
//再进行设置显示或是隐藏就行了
if( state == 'block' ){
document.getElementById(objId).style.display = 'none'
}
else{
document.getElementById(objId).style.display = 'block'
}
}
</script>
</html>
（2）如果是变化的（指图片多少，表格大小均可以变化），那这里就相对复杂些，不过思路依然是可以沿用上面的思路去做的！这里我就不写了，比较麻烦
