Phương thức hide
Phương thức hide ẩn phần tử một cách mượt mà. Hiển thị
phần tử có thể sử dụng phương thức
show.
Cú pháp
Biến mất trong thời gian đã đặt,
mặc định là 400ms:
.hide(thời lượng);
Thời gian không chỉ có thể được đặt bằng mili giây,
mà còn bằng các từ khóa slow (600ms)
và fast (200ms), giá trị càng lớn,
hiệu ứng chuyển động càng chậm:
.hide('slow' hoặc 'fast');
Nếu không chỉ định tham số - sẽ không có hiệu ứng chuyển động, các phần tử sẽ bị ẩn ngay lập tức:
.hide();
Cũng có thể truyền hàm easing làm tham số thứ hai, và hàm callback thứ ba - sẽ chạy sau khi thực thi xong hiệu ứng chuyển động. Cả hai tham số đều không bắt buộc:
.hide(thời lượng, [hàm easing], [hàm callback]);
Có thể truyền các tùy chọn khác nhau cho phương thức, dưới dạng một đối tượng JavaScript, chứa các cặp khóa: giá trị:
.hide(các_tùy_chọn);
Đối tượng như vậy có thể truyền các
tham số và hàm sau - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Mô tả
các tham số này bạn có thể xem cho phương thức
animate. Ví dụ,
chúng ta hãy đặt thời lượng và hàm easing:
.hide( {duration: 800, easing: easeInSine} );
Ví dụ
Hãy sau khi nhấn nút #test, ẩn mượt mà
đoạn văn bằng phương thức hide. Bằng cách truyền
từ khóa slow, chúng ta sẽ đặt tốc độ
là 600ms. Sau khi hiệu ứng chuyển động kết thúc, hãy in ra
console 'Animation complete':
<button id="test">ẩn văn bản</button>
<p>văn bản</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Hiệu ứng chuyển động hoàn tất')
});
});
