点击下一个问题,前一个问题自动收回

Question

<script id="scr1">
function f1(obj)
{   for(var i=0;i<document.getElementsByTagName("tr").length;i++)
   {
  if(document.getElementsByTagName("tr")[i].style.display=="block")
   document.getElementsByTagName("tr")[i].style.display="none"
   } 
obj.parentNode.parentNode.nextSibling.style.display="block";
}
</script>
<table>
<tr id="trquestion1" >
<td>
问题1<input type=button onclick=f1(this)>
</td>
</tr>
<tr id="transwer1" style="display='none'">
<td>
答案1aaaaaaaaaaaaaaa
</td>
</tr>
<tr id="trquestion2" >
<td>
问题2<input type=button onclick=f1(this) ID=Checkbox1>
</td>
</tr>
<tr id="transwer2" style="display='none'">
<td>
答案2bbbbbbbbbb
</td>
</tr>
<tr id="trquestion3" >
<td>
问题3<input type=button onclick=f1(this) ID=Checkbox2 >
</td>
</tr>
<tr id="transwer3" style="display='none'">
<td>
答案3ccccccccccccc
</td>
</tr>
</table>

Answer 1

先把所有的答案的div(如果你是把每一个答案都写在div里面的话）的style.display="none";
然后将点击的答案的div.style.display="block";

Answer 2

经过测试,结果为下:
<script id="scr1">
function ff(obj)
{   for(var i=0;i<document.getElementsByTagName("tr").length;i++)
   {
  if(document.getElementsByTagName("tr")[i].style.display=="block")
  {
    document.getElementsByTagName("tr")[i].style.display="none"
  }
    } 
obj.parentNode.parentNode.nextSibling.style.display="block";
}</script>
<table>
<tr id="trquestion1" >
<td>
问题1<input type=button onclick=ff(this)>
</td>
</tr>
<tr id="transwer1" style="display:none">
<td>
答案1aaaaaaaaaaaaaaa
</td>
</tr>
<tr id="trquestion2" >
<td>
问题2<input type=button onclick=ff(this) ID=Checkbox1>
</td>
</tr>
<tr id="transwer2" style="display:none">
<td>
答案2bbbbbbbbbb
</td>
</tr>
<tr id="trquestion3" >
<td>
问题3<input type=button onclick=ff(this) ID=Checkbox2>
</td>
</tr>
<tr id="transwer3" style="display:none">
<td>
答案3ccccccccccccc
</td>
</tr>
</table>

Answer 3

http://www.fdc.gov.cn/fdclm/faqlist.asp
楼主是不是想要这种效果?