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

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

Ví dụ

Ẩn phần tử <p> bằng cách cuộn trượt:

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

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

Sử dụng hiệu ứng cuộn trượt để ẩn phần tử được chọn, nếu phần tử đã được hiển thị.

Cú pháp

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

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

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

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

Trong quá trình phần tử từ trạng thái hiển thị sang ẩn, chiều cao của phần tử sẽ thay đổi dần (tạo ra hiệu ứng cuộn trượt).
callback

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

Nếu muốn học thêm về callback, hãy truy cập chương 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 phần tử đã ẩn, hiệu ứng này sẽ không có 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 để ẩn và hiển thị phần tử.

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