div 숨기기 질문드려요~ 채택완료
그누초보님
9년 전
조회 4,862
예전에 알았는데 오랫만해 해보려니 까먹었네요..
</p><p><a href="#">div1숨기기</a></p><p><a href="#">div2숨기기</a></p><p><a href="#">div3숨기기</a></p><p> </p><p><a href="#">div1, div3숨기기</a></p><p> </p><p><div id="div1"></div></p><p><div id="div2"></div></p><p><div id="div3"></div></p><p>
a 태그를 이용해서 위 처럼 해당 항목 숨기기 또는 한번에 두가지 숨기기좀
알려주세요^^
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
<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>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
그누초보님
9년 전
댓글을 작성하려면 로그인이 필요합니다.
9년 전
네이버 검색으로 찾았네요^^
혹시나 궁금하신 분들을 위해
</p><p>/* 한개만 숨기기 */</p><p><input type=button value="숨기기" onclick="document.getElementById('div1').style.display='none';"></p><p> </p><p>/* div1, div2 한번에 숨기기*/</p><p><input type=button value="숨기기" onclick="document.getElementById('div1').style.display='none'; document.getElementById('div2').style.display='none';"></p><p>
보이기는 none 을 block 으로 하면 됩니다~~
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
찾다가 못찾아서 onclick 으로 했던건데
드디어 찾았네요 ㅎㅎ
감사합니다^^