jQuery hiệu ứng - phương thức slideToggle()

Hướng dẫn hiệu ứng jQuery

Ví dụ

Sử dụng hiệu ứng cuộn để chuyển đổi giữa trạng thái hiển thị và ẩn của yếu tố <p>:

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

Thử ngay

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

Phương thức slideToggle() sử dụng hiệu ứng cuộn (thay đổi độ cao) để chuyển đổi trạng thái hiển thị của yếu tố.

Nếu yếu tố được chọn là hiển thị, thì ẩn các yếu tố đó, nếu yếu tố được chọn là ẩn, thì hiển thị các yếu tố đó.

Cú pháp

$().slideToggle(speed,callback)
Tham số Mô tả
speed

Tùy chọn. Định nghĩa tốc độ từ ẩn đến hiển thị của yếu tố (hoặc ngược lại). Mặc định là "thường".

Các giá trị có thể:

  • mili giây (ví dụ 1500)
  • "chậm"
  • "thường"
  • "nhanh"

Trong trường hợp đã thiết lập tốc độ, yếu tố sẽ thay đổi dần độ cao trong quá trình chuyển đổi (điều này sẽ tạo ra hiệu ứng cuộn).
callback

Tùy chọn. Hàm cần thực hiện sau khi hàm toggle được thực thi.

Nếu muốn học thêm về callback, hãy truy cập phần jQuery Callback của chúng tôi.

Trừ khi đã thiết lập tham số speed, không thể thiết lập tham số này.

Lưu ý và chú thích

Lưu ý:Nếu yếu tố đã được ẩn, hiệu ứng này sẽ không gây ra bất kỳ thay đổi nào, trừ khi đã quy định hàm callback.

Các ví dụ khác

Sử dụng tham số speed
Sử dụng tham số speed để chuyển đổi giữa việc hiển thị và ẩn yếu tố bằng cách cuộn lên và xuống.

Hướng dẫn hiệu ứng jQuery