레이어를 활용하는 방식입니다... 예전에 메뉴스크립트에 활용할려고 스크립트 찾던중에 그런 비슷한 스크립트를 찾아서 약간 수정해서 사용한 적이 있거든요...

단 테이블로 짜놓은 상태에서 보이지 않는 상태에서 클릭하면 보이는 상태로 전환하고(보이는 동시에 그 밑에는 자동으로 밑으로 밀리는) 그 반대 상황 즉 보이는 상황에서 클릭하면 보이지 않는 상태로 전환시키는 스크립트입니다.

대략 인터넷에서 메뉴 스크립트로 소스를 찾아보세요.

저 사이트에서 사용한건 스크립트입니다.
저도 저렇게 쓰는 페이지가 있구요. http://www.namodel.com/ver11/main_02.htm (회칙보기)
제가 쓰는건 아래소스입니다. 쉽습니다.
--------------------------------------------------------------
<script>
function layer_toggle(obj) {
if (obj.style.display == 'none') obj.style.display = 'block';
else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>
--------------------------------------------------------------
윗소스 헤더에 넣구요.

아래소스는 바디에 넣습니다.

<div id=아이디1 style=display:block><a href=javascript:; onclick="layer_toggle(document.getElementById('아이디1')); layer_toggle(document.getElementById('아이디2'));return false;"><u>토글 열기</u></a></div>
<div id=아이디2 style=display:none ><a href=javascript:; onclick="layer_toggle(document.getElementById('아이디1')); layer_toggle(document.getElementById('아이디2'));return false;"><u>토글 닫기</u></a>
토글 내용
</div>