[HTML][JavaScript] 드롭다운 메뉴 - By 아후라

  <!--
언어 : JavaScript
설명 : FAQ 등에서 볼수 있는 드롭다운하여 글을 읽을 수 있는 형태를 만드는 펑션
사용법 : 스크립트 정의 -> 클릭하여 열고 닫을 수 있는 곳 연결 -> 열었다 닫았다 할 곳 지정
--> 
 
<!-- JavaScript : DropDown Menu 정의 -->
<script language='javascript'>
var old_menu = '';
function drop(submenu)
{
  if( old_menu != submenu ) {
    if( old_menu !='' ) {
      old_menu.style.display = 'none';
    }
    submenu.style.display = 'block';
    old_menu = submenu;
  } else {
    submenu.style.display = 'none';
    old_menu = '';
  }
}
</script>
 
 
<!-- onclick 이벤트를 이용하여 클릭하여 열고 닫을 수 있는 곳 연결 -->
<table width=100%>
 <tr>
  <td style="cursor:hand;" onclick="drop(menu01);">
   <FONT COLOR='#081E8A' align=left>$SUBJECT</FONT>
  </td>
 </tr>
</table>

<!--
<span>의 id 속성을 이용하여 초기에 보이지 않게 만듬.
단, 위에서 정의한 평션 값과 같은 이름의 id값을 주어야 함.
--> 

<span id="menu01" style="display:none;">
<table width=100% CELLPADDING=3 CELLSPACING=2>
 <tr>
  <td bgcolor=white>[내용]</td>
 </tr>
</table>
</span>