>웹 프론트엔드 >JS 튜토리얼 >Jquery_jquery를 사용하여 표시하고 숨기는 4가지 간단한 방법

Jquery_jquery를 사용하여 표시하고 숨기는 4가지 간단한 방법

WBOY
WBOY원래의
2016-05-16 17:24:01967검색

HTML 코드:

코드 복사 코드는 다음과 같습니다.

학습 세계



  • 1111111111
  • 2222222222
  • 333333333

  • 4444444444
  • 6666666666 🎜>

    Jquery 코드:

    첫 번째 구현 방법:



코드 복사

코드 복사 🎜> 코드는 다음과 같습니다.
2.




Jquery에서 제공하는 표시 및 숨기기를 사용하여 표시를 완료하고 easing으로 효과를 숨길 수 있습니다. 두 방법이 유사하므로 토글을 직접 사용하여 완료할 수 있습니다.



코드 복사
코드는 다음과 같습니다.





네 번째 구현 방법:

toggle 두 개의 매개변수가 있고 둘 다 함수인 경우 first를 클릭하면 첫 번째 기능이 실행되고, 두 번째를 클릭하면 두 번째 기능이 실행됩니다.



코드 복사
코드는 다음과 같습니다.