div 태그를 보였다 안보였다 할때 자주 쓰이는 속성이다.
display 속성의 경우 IE 만 가능하므로,
visibility 속성으로 대체해서 작업하도록 하자

1. <div style="display:block"></div>     : none

2. <div style="visibility:visible"></div>     : hidden

아래의 소스는 한번 클릭하면 div 가 보이고 다시 클릭하면 사라지고 하는 동적 div 태그 구현시 필요한 간단한 소스이다.

<SCRIPT LANGUAGE="JavaScript">
function reviewDisplay(no)
{
 var obj = document.getElementById("review" + no);
 if (obj.style.display == "none") {
  obj.style.display = 'block';
 } else {
  obj.style.display = 'none'; 
 }
}
</SCRIPT>

<div id="review">
 <ul id="subject1" onclick="reviewDisplay(1)">상품후기 제목1
  <ul id='review1' style='display:none;'>상품후기 1번 내용</ul>
 </ul>

 <ul id="subject2" onclick="reviewDisplay(2)">상품후기 제목2
  <ul id='review2' style='display:none;'>상품후기 2번 내용</ul>
 </ul>
</div>