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>
제가 예전에 봤던게 이 소스였는데
찾다가 못찾아서 onclick 으로 했던건데
드디어 찾았네요 ㅎㅎ
감사합니다^^
네이버 검색으로 찾았네요^^
혹시나 궁금하신 분들을 위해
/* 한개만 숨기기 */
<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 으로 하면 됩니다~~
답변을 작성하시기 전에 로그인 해주세요.
