Phương thức jQuery toggle ()
Thí dụ
Chuyển đổi giữa ẩn và hiện cho tất cả các phần tử <p>:
$("button").click(function(){
$("p").toggle();
});
Định nghĩa và Cách sử dụng
Phương thức toggle () chuyển đổi giữa hide () và show () cho các phần tử đã chọn.
Phương pháp này kiểm tra các yếu tố đã chọn để xem. show () được chạy nếu một phần tử bị ẩn. hide () được chạy nếu một phần tử hiển thị - Điều này tạo ra hiệu ứng chuyển đổi.
Lưu ý : Các phần tử ẩn sẽ hoàn toàn không được hiển thị (không còn ảnh hưởng đến bố cục của trang).
Mẹo: Phương pháp này cũng có thể được sử dụng để chuyển đổi giữa các chức năng tùy chỉnh.
Cú pháp
$(selector).toggle(speed,easing,callback)
| Parameter | Description |
|---|---|
| speed | Optional. Specifies the speed of the hide/show effect Possible values:
|
| easing | Optional. Specifies the speed of the element in different points of the animation. Default value is "swing" Possible values:
|
| callback | Optional. A function to be executed after the toggle() method is completed To learn more about callback, visit our jQuery Callback chapter |
Hãy tự mình thử - Ví dụ
Cách sử dụng tham số tốc độ để chỉ định tốc độ của hiệu ứng ẩn / hiện.
Cách sử dụng tham số gọi lại khi chuyển đổi giữa hiệu ứng ẩn / hiện.