728x90 반응형 show1 [jQuery] 버튼 클릭 시 박스 숨기기, 보이기 (show, hide) 버튼을 클릭했을 때, 혹은 특정 이벤트가 발생했을 때,특정 영역이 나타나거나 사라지는 패턴들 여러 사이트에서 많이 볼 수 있습니다.이런 애니메이션 효과는 jQuery를 사용하면 손쉽게 구현할 수 있습니다.이 글에서는 jQuery를 활용하여 버튼을 클릭 시 해당하는 박스를 숨기고 보이는 기능에 대해서 설명하도록 하겠습니다. 버튼 클릭으로 숨기고 보이기 처리하기 위의 예제 이미지와 같이 숨기기와 보이기 버튼을 만들어두고,숨기기 버튼을 클릭 시 패널이 사라지고, 보이기 버튼을 클릭 시 패널이 다시 보이게 되는 것을 만들어 보도록 하겠습니다. 패널의 내용이 표시되는 곳 입니다. 코드는 위와 같이 간단하게 구현이 가능합니다.아이디가 hide_btn를 클릭 시 id가 panel인.. 2022. 12. 27. 이전 1 다음 728x90 반응형
