프로그램

자바스크립트 DIV 보이기, 숨기기(토글)

박대감 2014. 1. 27. 11:37
반응형


1. 일반적인 방법

<script> 

document.getElementById("test").style.display = "none";   ==> 숨기기

document.getElementById("test").style.display = "block";  ==> 보이기

</script> 

 

 

<html> 

<div id ="test" style ="display:none">   : 숨기기 

<div id ="test" style ="display:block">  : 보이기 

</html> 


2. jquery를 이용한 방법

<script> 

$("#test").hide();   ==> 숨기기

$("#test").show();  ==> 보이기

</script> 




반응형