Jquery

토글 toggle()
  • 조회수 8,573
  • 작성일 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>