JavaScript [JavaScript] 자바스크립트 DIV 보이기, 숨기기(토글)

2024.05.16 21:49

졸리운_곰 조회 수:501

[JavaScript] 자바스크립트 DIV 보이기, 숨기기(토글)

1. 일반적인 방법

<script>

document.getElementById("test").style.display = "none"; ==> 숨기기

document.getElementById("test").style.display = "block"; ==> 보이기

</script>

<html>

<div id ="test" style ="display:none"> : 숨기기

<div id ="test" style ="display:block"> : 보이기

</html>

2. jquery를 이용한 방법

<script>

$("#test").hide(); ==> 숨기기

$("#test").show(); ==> 보이기

</script>

[출처] https://esckey.tistory.com/66

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

번호	제목	글쓴이	날짜	조회 수
1	jQuery Mobile Form Example	졸리운_곰	2018.09.04	428

쓰기