Phương thức jQuery slideToggle ()

❮ Phương thức hiệu ứng jQuery

Thí dụ

Chuyển đổi giữa slideUp () và slideDown () cho tất cả các phần tử <p>:

$("button").click(function(){
  $("p").slideToggle();
});

Định nghĩa và Cách sử dụng

Phương thức slideToggle () chuyển đổi giữa slideUp ()slideDown () cho các phần tử đã chọn.

Phương pháp này kiểm tra các yếu tố đã chọn để xem. slideDown () được chạy nếu một phần tử bị ẩn. slideUp () được chạy nếu một phần tử hiển thị - Điều này tạo ra hiệu ứng chuyển đổi.


Cú pháp

$(selector).slideToggle(speed,easing,callback)

Parameter Description
speed Optional. Specifies the speed of the slide effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the slideToggle() method is completed

To learn more about callback, visit our jQuery Callback chapter


Hãy tự mình thử - Ví dụ


Cách sử dụng tham số tốc độ để chỉ định tốc độ của hiệu ứng trượt.


Cách sử dụng tham số gọi lại khi chuyển đổi giữa slideUp () và slideDown ().


❮ Phương thức hiệu ứng jQuery