JavaScript 마우스클릭시 div 보이기/숨기기
페이지 정보
본문
<script>
function SirenFunction(idMyDiv){
var objDiv = document.getElementById(idMyDiv);
if(objDiv.style.display=="block"){ objDiv.style.display = "none"; }
else{ objDiv.style.display = "block"; }
}
</script>
<style>
.sir_singo_msg{color:#934545;margin-bottom:30px}
.sir_singo_msg button {cursor:pointer;font-family:Arial,'돋움',Dotum;border:none;padding:0;background:#fff; outline:0}
.sir_singo_msg .blind_view{font-size:1.14em;font-weight:bold;color:#ff4343;margin-top:-3px;text-decoration:underline}
.singo_view { display:none; }
</style>
<div class="con_inner">
<div class="sir_singo_msg">
신고가 접수되어 자동으로 블라인드 된 글입니다.<br>
원글을 보시려면 <a href="#" onclick="SirenFunction('SirenDiv'); return false;" class="blind_view">여기를</a> 클릭하세요
</div>
<div class="singo_view" id="SirenDiv">
내용보기
</div>
</div>
참고자료
http://www.dweb.co.kr/m/bbs/board.php?bo_table=javascript&wr_id=16
function SirenFunction(idMyDiv){
var objDiv = document.getElementById(idMyDiv);
if(objDiv.style.display=="block"){ objDiv.style.display = "none"; }
else{ objDiv.style.display = "block"; }
}
</script>
<style>
.sir_singo_msg{color:#934545;margin-bottom:30px}
.sir_singo_msg button {cursor:pointer;font-family:Arial,'돋움',Dotum;border:none;padding:0;background:#fff; outline:0}
.sir_singo_msg .blind_view{font-size:1.14em;font-weight:bold;color:#ff4343;margin-top:-3px;text-decoration:underline}
.singo_view { display:none; }
</style>
<div class="con_inner">
<div class="sir_singo_msg">
신고가 접수되어 자동으로 블라인드 된 글입니다.<br>
원글을 보시려면 <a href="#" onclick="SirenFunction('SirenDiv'); return false;" class="blind_view">여기를</a> 클릭하세요
</div>
<div class="singo_view" id="SirenDiv">
내용보기
</div>
</div>
참고자료
http://www.dweb.co.kr/m/bbs/board.php?bo_table=javascript&wr_id=16
댓글목록
등록된 댓글이 없습니다.