.fadeIn() & .fadeOut() & .slideDown() & .slideUp() & .slideToggle() & .fadeToggle() & .toggle()

devyoon99·2021년 11월 16일
0

jQuery

목록 보기
9/25
post-thumbnail

.fadeIn() & .fadeOut() & .slideDown() & .slideUp() & .slideToggle() & .fadeToggle() & .toggle()

.fadeIn()

$(".black-background").fadeIn();
  • 숨겨놨던 것을 스무스하게 나타나게 한다.

.fadeOut()

$(".black-background").fadeOut();
  • 스무스하게 사라진다.

.slideDown()

$(".black-background").slideDown();
  • 스무스하게 아래로 나타난다.

.slideUp()

$(".black-background").slideUp();
  • 스무스하게 위로 사라진다.

.slideToggle()

$(".list").slideToggle();
  • .slideDown() 과 .slideUp()을 합쳤다.

.fadeToggle()

$(".list").fadeToggle();
  • .fadeIn() 과 .fadeOut()을 합쳤다.

.toggle()

$(".list").toggle();
  • .hide() 과 .show()을 합쳤다.

0개의 댓글

관련 채용 정보