Front/JS & jQuery

[jQuery] toggleClass()

오선지♬ 2025. 8. 1. 09:25
728x90
반응형

toggleClass() 는 jQuery에서 클래스를 켜고 끄는 스위치 역할을 하는 메서드입니다.

 

동작 방식

  • 지정한 클래스가 없으면 → 추가
  • 지정한 클래스가 있으면 → 제거

즉, 한 번 호출할 때마다 상태가 토글(ON ↔ OFF)됩니다.

 

$(this).find("a.panel").toggleClass("active");

이 코드는 this 요소 안에서 a.panel 요소를 찾아서:

  • 현재 .active 클래스가 있으면 → 제거
  • 없으면 → 추가
728x90
반응형