ช่วยด้วยครับ js พอมันลูปออกมามันใช้ได้แค่อันแรกอันเดียวเท่านั้น

<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<table width="675px" border="0">
  <tr>
    <td width="21%" valign="top"><img src="images/law.gif" width="139" height="123" /></td>
    <td width="79%" valign="top"><table width="524px;" border="0">
      <tr>
        <td><a style="font-size:24px;" href="lawboard/viewlaw.php?QuestionID=<?=$objResult["QuestionID"];?>"><?=$objResult["Question"];?></a></td>
      </tr>
      <tr>
      <script language="JavaScript">
		function fncShow()
		{
			document.getElementById('data').innerHTML = '<?=$objResult[Details] ?>';
			document.getElementById('showhide').innerHTML = '<input type="button" id="buttom" value="Hide ↑" onClick="JavaScript:fncHide();"/>';
		}
 
		function fncHide()
		{
			document.getElementById('data').innerHTML = '<?
		$text = $objResult[Details];
		print iconv_substr($text,0,300,"UTF-8");
		echo "......";
		 ?>';
			document.getElementById('showhide').innerHTML = '<input type="button" id="buttom" value="readmore ↓" onClick="JavaScript:fncShow();"/>';
		}
	</script>
    
        <td id="data">
        <?
		$text = $objResult[Details];
		print iconv_substr($text,0,300,"UTF-8");
		echo "......";
		 ?>
        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td align="right" valign="top" style="font-size:16px";><table width="100%" border="0">
      <tr>
        <td width="6%"><img src="images/clock.png" width="25" height="25" /></td>
        <td width="49%">        <?
		  $date1 = $objResult["CreateDate"];
		  echo fb_date(strtotime($date1));
        ?>
</td>
        <td width="15%">&nbsp;</td>
        <td width="30%" align="right" id="showhide"><input type="button" id="buttom" value="readmore ↓" onClick="JavaScript:fncShow();"/></td>
        </tr>
    </table></td>
  </tr>
</table>