div 숨기기 / 보이기

DIV 숨기기 / 보이지 

[head에 스크립트 적용]

<script>
function display() { 
    div1.style.display = "none";
} // div1 스타일에 글을 보이게 하기 위하여 "none"값을 적용

function display1() { 
    div1.style.display = "";
} // div1을 숨기기 위하여 display에 "" 값을 적용
</script>

[소스 내부에 들어갈 내용]

<div id=div1>
보이고 숨기고자 하는 내용
</div>

<input type="button" value="보이기" onclick="display1();" style="width: 40px" />
<input type="button" value="숨기기" onclick="display();" style="width: 40px" />
// 버튼을 이용하여 숨기거나 보여주는 것을 조정한다.

display1()을 불르면 div1 을 숨깁니다.
display()을 불르면 div1 을 감춥니다.

 

[위의 소스 적용 예]

보이고 숨기고자 하는 내용