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

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

Ví dụ

Hiển thị phần tử <p> bị ẩn bằng cách cuộn:

$(".btn2").click(function(){
  $("p").slideDown();
});

Thử ngay

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

Phương thức slideDown() sử dụng hiệu ứng cuộn để hiển thị phần tử bị ẩn.

Cú pháp

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

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

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

  • miliseconds (ví dụ: 1500)
  • "slow"
  • "normal"
  • "fast"

Trong quá trình từ ẩn sang hiển thị với tốc độ đã thiết lập, phần tử sẽ thay đổi dần độ cao.
callback

Tùy chọn. Hàm sẽ được thực hiện sau khi hàm slideDown hoàn thành.

Để tìm hiểu thêm về callback, hãy truy cập chương jQuery Callback của chúng tôi.

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

Lưu ý và chú thích

Lưu ý:Nếu phần tử đã hoàn toàn hiển thị, hiệu ứng không gây ra bất kỳ thay đổi nào trừ khi quy định hàm callback.

Chú ý:Hiệu ứng này áp dụng cho phần tử được ẩn bằng jQuery hoặc phần tử được chỉ định display:none trong CSS (nhưng không áp dụng cho phần tử visibility:hidden).

Các ví dụ khác

Sử dụng tham số speed
Sử dụng tham số speed để ẩn và hiển thị phần tử.

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