레이어를 이용한 토글 기능 > script

<script language="javascript">
<!--
//탭메뉴
function toggleLayers(showIds, hideIds)
{
 for(var i in hideIds)
 {
  document.getElementById(hideIds[i]).style.display = 'none';
 }
 for(var i in showIds)
 {
  document.getElementById(showIds[i]).style.display = 'block';
 }
}
//-->
</script>

<a href="javascript:toggleLayers(['tab2'], ['tab1'])">탭1</a>&nbsp;
<a href="javascript:toggleLayers(['tab1'], ['tab2'])">탭2</a>

<div id="play_result" style="Z-INDEX: 4; LEFT: 100px; POSITION: absolute; TOP: 100px">
 <div id="tab1" style="DISPLAY: block; HEIGHT: 183px">
  <table border="1" cellpadding="0" cellspacing="0" width="183">
   <tr valign="bottom">
    <td>가나다</td>
   </tr>
  </table>
 </div>
 <div id="tab2" style="DISPLAY: none; HEIGHT: 183px">
  <table border="1" cellpadding="0" cellspacing="0" width="183">
   <tr valign="bottom">
    <td>ABC</td>
   </tr>
  </table>
 </div>
</div>