div 숨기기 질문드려요~

div 숨기기 질문드려요~

QA

div 숨기기 질문드려요~

본문

예전에 알았는데 오랫만해 해보려니 까먹었네요..

 


<a href="#">div1숨기기</a>
<a href="#">div2숨기기</a>
<a href="#">div3숨기기</a>
 
<a href="#">div1, div3숨기기</a>
 
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

 

a 태그를 이용해서 위 처럼 해당 항목 숨기기 또는 한번에 두가지 숨기기좀

알려주세요^^

 

 

이 질문에 댓글 쓰기 :

답변 2

<a href="#" onclick="closeDiv(1)">div1숨기기</a>
<a href="#" onclick="closeDiv(2)">div2숨기기</a>
<a href="#" onclick="closeDiv(3)">div3숨기기</a>
 
<a href="#" onclick="closeDiv(1);closeDiv(3);">div1, div3숨기기</a>
 
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

<script>
function closeDiv(no){

document.getElementById("div"+no).style.display = "none";

}
<script>

네이버 검색으로 찾았네요^^

혹시나 궁금하신 분들을 위해

 


/* 한개만 숨기기 */
<input type=button value="숨기기" onclick="document.getElementById('div1').style.display='none';">
 
/* div1, div2 한번에 숨기기*/
<input type=button value="숨기기" onclick="document.getElementById('div1').style.display='none'; document.getElementById('div2').style.display='none';">

 

보이기는 none 을 block 으로 하면 됩니다~~

 

답변을 작성하시기 전에 로그인 해주세요.
전체 20
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT