[Javascript] display 속성 이용해서 열고 닫기

순수한소년 2016. 11. 14. 16:43

728x90

출처

http://www.devblog.kr/r/8y0gFPAvJ2j8MWIVVXucyP9uYvQegfSVbY5XNE0w4

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var bDisplay = true;
function doDisplay(){
    var con = document.getElementById("myDIV");
    if(con.style.display=='none'){
        con.style.display = 'block';
    }else{
        con.style.display = 'none';
    }
}
</script>
</head>
<body>
<a href="javascript:doDisplay();">> 내용보기</a><br/><br/>
<div id="myDIV">
    <h1>내용을 접거나 펴는 방법</h1>
    <p>display block 속성값은 내부 요소를 나타나게 하며 none 는 사라지게 합니다.</p>
</div>
</body>
</html>

728x90