JQUERY

    토글 toggle()
    • 조회수 8,771
    • 작성일 2011-06-09
    •  

    <html>
    <head>
      <script src="http://code.jquery.com/jquery-1.5.js"></script>
    </head>
    <body>

    <div id="targetDivTag">
    어떤 값이 잘못된 타입을 갖으면 경고메시지가 보일것이다. 그리고 결과적으로 키/값 쌍은 뒤집히지 않을것이다.
    같은 값이 여러번 출현하면, 그 값의 제일 마지막 키를 사용할것이고, 나머지 모두 사라지게 될것이다.
    </div>
     
    <script type="text/javascript">
    function divToggle(){
     jQuery("#targetDivTag").toggle();
    }
    function divShow(){
     jQuery("#targetDivTag").show();
    }
    function divHide(){
     jQuery("#targetDivTag").hide();
    }
    </script>

    <p><a href="javascript:divToggle();">토글하기</span></p>
    <p><a href="javascript:divShow();">보이기</span></p>
    <p><a href="javascript:divHide();">숨기기</span></p>
     
    </body>
    </html>