<script type="text/javascript">
 function show_content(content_no){
  var menu_cnt = 3; // 클릭할 대상 이미지

     for(var i=1; i<=menu_cnt; i++){
        if(i == content_no){  // 클릭했을 때 열릴 테이블

           document.getElementById("content"+i).style.display = "block"; // 보기
        }
        else{   // 나머지 테이블
          document.getElementById("content"+i).style.display = "none";  // 감추기
        }
   }
 }

</script>

<table width="500" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td><a href="javascript:show_content(1);"><img src="1.gif" border="0"></a></td>
      <td><a href="javascript:show_content(2);"><img src="2.gif" border="0" ></a></td>
      <td><a href="javascript:show_content(3);"><img src="3.gif" border="0" ></a></td>
  </tr>

  <tr>
       <td colspan="3" id="content1" style="display:none">내용1</td>
  </tr>
  <tr>
       <td colspan="3" id="content2" style="display:none">내용2</td>
  </tr>
  <tr>
       <td colspan="3" id="content3" style="display:none">내용3</td>
  </tr>

</table>

* 이미지에 적용하여 테이블 행 감추기를 td 태그에 적용한 예이다.
* 보여질 내용없이 클릭한 이미지 대상을 4로 두고

   var menu_cnt = 4; // 클릭할 대상 이미지

   또 다른 이미지(모든행 감추기 버튼)에 

   <a href="javascript:show_content(4);"> 적용하면 모든 테이블을 감추는 역할을 하게 된다.