본문 바로가기

Web/Javascript

[txt] 선택시 하위 메뉴 보이기

<SCRIPT LANGUAGE='JavaScript'>
var old_menu = '';
function menuclick(submenu)
{
if( old_menu != submenu ) {
    if( old_menu !='' ) {
     old_menu.style.display = 'none';
    }
    submenu.style.display = '';
    old_menu = submenu;

} else {
    submenu.style.display = 'none';
    old_menu = '';
}
}

</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
    <TD><A HREF='#' onclick='menuclick(tr_1);'>1 메뉴</A></TD>
</TR>
<TR id = "tr_1" style = "display:none;">
    <TD>1서브1</TD>
</TR>
<TR>
    <TD><A HREF='#' onclick='menuclick(tr_2);'>2메뉴</a></TD>
</TR>
<TR id = "tr_2" style = "display:none;">
    <TD>2서브1</TD>
</TR>
</TABLE>