ปิดกระทู้ครับ ได้คำตอบแล้วครับ การใช้ script ในการซ่อน โชว์ตาราง โดยใช้ปุ่มเดียวกัน

<script type="text/javascript">
$(document).ready(function(){

	$("#btn1").click(function(){
		$("#div1").toggle();
	});

});
</script>

<script>
function show_data($data)
{ 
if ($data=="1")
{  
 	document.getElementById('button_filed').style.display = 'block';
	document.getElementById('button').style.display = 'none';
	document.getElementById('button1').style.display = 'block';
}
else if ($data=="2")
{   
	document.getElementById('button_filed').style.display = 'none';
	document.getElementById('button').style.display = 'block';
	document.getElementById('button1').style.display = 'none';

}
 
  	 
}	

</script>
<span id="button_filed" style="display:none">
<table width="200" border="1" id="table_show" >
  <tr>
    <td><input type="text" name="id"></td>
    <td>&nbsp;</td>
  </tr>
</table>
</span>
<input type="button"  id="button" name="button" onclick="show_data(1)" value="0k">
<input type="button" id="button1" name="button1" onclick="show_data(2)" value="0k" style="display:none">