토글기능 > script

<script language="javascript">
<!--
// 오태정 (2006-02-03 오후 2:15)
// 내용보기를 단 하나만 열어주는 스크립트
var old_view = "";
function MenuClick(sid)
{
 var mView = window.document.getElementById(sid); // 게시물 박스의 번호

 if(old_view != mView) // 예전 게시물과 현재 클릭한 게시물의 번호가 같지 않다면
 {
  if(old_view != "") // 만약 예전 게시물의 번호가 공백이 아니라면
  {
   old_view.style.display = "none"; // 예전 게시물의 박스를 숨기고
  }
  mView.style.display = "block"; // 현재 클릭한 게시물을 보여주고
  old_view = mView; // 예전 게시물 변수에 현재 클릭한 게시물의 번호를 넣는다.
 }
 else // 예전 게시물과 현재 클릭한 게시물의 번호가 같다면
 {
  mView.style.display = "none"; // 현재 게시물을 숨기고
  old_view = ""; // 예전 게시물의 번호를 없앤다.
 }
}

function ViewContent(sid)
{
 var mView = window.document.getElementById(sid);

 if (mView.style.display == "none")
 {
  mView.style.display = "";

  this.VisitCount(sid);
 }
 else
 {
  mView.style.display = "none";
 }
}
//-->
</script>

<table width="500" border="1" cellpadding="0" cellspacing="0">
 <tr>
  <td><a href="javascript:MenuClick('1');">1번 제목</a></td>
 </tr>
 <tr>
  <td id="1" style="DISPLAY:none; position:relative;">1번에 해당하는 내용</td>
 </tr>
 <tr>
  <td><a href="javascript:MenuClick('2');">2번의 제목입니다.</a></td>
 </tr>
 <tr>
  <td id="2" style="DISPLAY:none; position:relative;">이건 2번의 내용이란다.</td>
 </tr>
</table>