본문 바로가기
웹프로그램

자바스크립트 div를 이용하여 보였다 안보였다 하기 visibility 이용

by 세이박스 2008. 11. 7.
반응형

<script language="JavaScript">
<!--
    function divView(btnId) {
        var btn = eval("document.images."+btnId);
        var div = eval("document.all.div_"+btnId);
        if(div.currentStyle["visibility"]=="visible") {
            btn.src = "$CTX_ROOT/images/button/btn_plus.gif";  
            div.style.visibility="hidden";
        } else if(div.currentStyle["visibility"]=="hidden") {
            btn.src = "$CTX_ROOT/images/button/btn_minus.gif";
            div.style.visibility="visible";
        }
    }
//-->
</script>

<img src="/images/button/btn_plus.gif" alt="클릭시 하단이 늘어납니다." align="absmiddle" id="btnTotal" style="cursor:hand" onclick="divView(this.id);">
<table id="div_btnTotal" style="visibility:hidden;">
<tr>
  <td>사라졌다 나타났다</td>
</tr>
</table>

반응형