Phương thức show
Phương thức show hiển thị mượt mà các phần tử
bị ẩn. Có thể ẩn các phần tử bằng phương thức
hide.
Cú pháp
Hiển thị trong khoảng thời gian nhất định tính bằng mili giây,
mặc định là 400ms:
.show(duration);
Thời gian không chỉ có thể được chỉ định 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,
hoạt ảnh càng chậm:
.show('slow' hoặc 'fast');
Nếu không chỉ định tham số - sẽ không có hoạt ảnh, các phần tử sẽ hiển thị ngay lập tức:
.show();
Cũng có thể truyền hàm làm mượt (easing function) làm tham số thứ hai, và hàm callback làm tham số thứ ba - sẽ được kích hoạt sau khi hoàn thành hoạt ảnh. Cả hai tham số đều không bắt buộc:
.show(duration, [hàm làm mượt], [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ị:
.show(options);
Đố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ả
về các tham số này bạn có thể xem trong phương thức
animate. Ví dụ,
hãy thiết lập thời lượng và hàm làm mượt:
.show( {duration: 800, easing: easeInSine} );
Ví dụ
Hãy sau khi nhấn nút, chúng ta sẽ hiển thị mượt mà
đoạn văn bị ẩn bằng phương thức show. Bằng cách truyền
từ khóa slow, chúng ta sẽ đặt tốc độ
là 600ms. Sau khi hoạt ảnh kết thúc, chúng ta sẽ in ra
console 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
