Toggle

[ Javascript / Toggle / Leave Comment ]

  1. js 파일
    function toggle(obj) {
        var elstyle = document.getElementById(obj).style;
        var text    = document.getElementById(obj + "tog");
        if (elstyle.display == 'none') {
            elstyle.display = 'block';
            text.innerHTML = "hide";
        } else {
            elstyle.display = 'none';
            text.innerHTML = "show";
        }
    }
    
  2. html 파일
    
    [ <a href="#none" id="tocoultog" onclick="toggle('tocoul');" onkeypress="toggle('tocoul');">hide</a> ]
    <div id="tocoul"> 토글할 내용 </div>
    
    
  3. 결과
    [ hide ]
    토글할 내용

Categories : Web