Published 2022. 11. 7. 13:06

jQuery - 효과 Sliding

jQuery 슬라이드 메서드는 요소를 위아래로 슬라이드합니다.

 

jQuery SlideDown() 메서드

$(selector).slideDown(speed,callback);
$("#flip").click(function(){
  $("#panel").slideDown();
});

 

 

jQuery 슬라이드업() 메서드

$(selector).slideUp(speed,callback);
$("#flip").click(function(){
  $("#panel").slideUp();
});

 

 

jQuery SlideToggle() 메서드

$(selector).slideToggle(speed,callback);
$("#flip").click(function(){
  $("#panel").slideToggle();
});

'JavaScript > jQuery' 카테고리의 다른 글

jQuery - Stop Animations  (0) 2022.11.07
jQuery - 효과 Animation  (0) 2022.11.07
jQuery 효과 - 페이딩  (0) 2022.11.04
jQuery 효과 - 숨기기 및 표시  (0) 2022.11.03
jQuery - 이벤트 메서드  (0) 2022.11.03
복사했습니다!