jquery--toggle切换效果
<script language="javascript" type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#button1").toggle(function(){
$("#table1").hide(1000);
},function(){
$("#table1").show(1000);
});

})



</script>
<input type="button" id="button1" value="我是按钮" />
<table id="table1"width="960" border="1" bgcolor="#CCCCCC">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>