TIPS
2023. 9. 12.
[jQuery] 제이쿼리 기초 및 사용방법 part.2 hide, show, toggle
#hide #show #toggle #jQuery #숨기기 #보이기 #fadeOut #fadeIn #fadeToggle #slideDown #slideUp #slideToggle #html #css 숨기고 보이는 방법은 어렵지 않다 먼저 예시를 보여주겠다 hide $("#hacs").hide(); show $("#hacs").show(); id값이 hacs인것을 숨기고 보여주는 예시이다. '그러면 숨기고 보일때마다 버튼 2개만들어서 숨기는 버튼 보여주는 버튼 2개나 만들어야해??' 아니다 버튼하나로 끝낼 수 있다. 그 기능이 바로 toggle이벤트이다 예시먼저 보여주겠다. toggle $("#hacs").toggle(); 이것을 걸어주게되면 id값이 hacs라는게 show가 되어있으면 hide가 되는거고..
![[jQuery] 제이쿼리 기초 및 사용방법 part.2 hide, show, toggle](http://i1.daumcdn.net/thumb/C400x400/?fname=https://blog.kakaocdn.net/dn/bWlhU4/btstHZ0xASO/VUBfFMGt5iA7rBykEyQFYK/img.jpg)