<!-- SCRIPT START-->

<script type="text/javascript">
function show_content(content_no){
  var menu_cnt = 5; // 전체 메뉴 갯수

  for(var i=1; i<=menu_cnt; i++){
    if(i == content_no){  // 제목을 클릭한 글
      document.getElementById("subject"+i).bgColor = "#FFCCCC";   // 제목 배경색 변경
      document.getElementById("content"+i).style.display = "block";  // 내용 보여주기
    }
    else{   // 나머지 글
      document.getElementById("subject"+i).bgColor = "";   // 제목 배경색 초기화
      document.getElementById("content"+i).style.display = "none";  // 내용 감추기
    }
  }
}
</script>

<!-- SCRIPT END-->

<table width="600" border="1">
  <tr align="center">
    <td>번호</td>
    <td>제목</td>
    <td>이름</td>
    <td>날짜</td>
  </tr>

  <tbody id="subject5">
  <tr>
    <td align="center">5</td>
    <td><a href="javascript:show_content(5);">제목 5</a></td>
    <td align="center">이름 5</td>
    <td align="center">2008-04-03</td>  
  </tr>
  </tbody>

  <tbody id="content5" bgcolor="#FFEEEE" style="display:none;">
  <tr>
    <td colspan="4">내용 5</td>
  </tr>
  </tbody>

  <tbody id="subject4">
  <tr>
    <td align="center">4</td>
    <td><a href="javascript:show_content(4);">제목 4</a></td>
    <td align="center">이름 4</td>
    <td align="center">2008-04-03</td>  
  </tr>
  </tbody>

  <tbody id="content4" bgcolor="#FFEEEE" style="display:none;">
  <tr>
    <td colspan="4">내용 4</td>
  </tr>
  </tbody>

  <tbody id="subject3">
  <tr>
    <td align="center">3</td>
    <td><a href="javascript:show_content(3);">제목 3</a></td>
    <td align="center">이름 3</td>
    <td align="center">2008-04-03</td>  
  </tr>

  </tbody>
  <tbody id="content3" bgcolor="#FFEEEE" style="display:none;">
  <tr>
    <td colspan="4">내용 3</td>
  </tr>
  </tbody>

  <tbody id="subject2">
  <tr>
    <td align="center">2</td>
    <td><a href="javascript:show_content(2);">제목 2</a></td>
    <td align="center">이름 2</td>
    <td align="center">2008-04-03</td>  
  </tr>

  </tbody>
  <tbody id="content2" bgcolor="#FFEEEE" style="display:none;">
  <tr>
    <td colspan="4">내용 2</td>
  </tr>
  </tbody>

  <tbody id="subject1">
  <tr>
    <td align="center">1</td>
    <td><a href="javascript:show_content(1);">제목 1</a></td>
    <td align="center">이름 1</td>
    <td align="center">2008-04-03</td>
  </tr>
  </tbody>

  <tbody id="content1" bgcolor="#FFEEEE" style="display:none;">
  <tr>
    <td colspan="4">내용 1</td>
  </tr>
  </tbody>

</table>
</body>
</html>

*** tbody 태그를 이용하는 것이 가장 좋으나 tr 또는 td 태그에 사용해도 된다.