jQuery hiệu ứng - phương thức toggle()
Ví dụ
Chuyển đổi trạng thái hiển thị và ẩn của đoạn văn <p>:
$(".btn1").click(function(){
$("p").hide();
});
Định nghĩa và cách sử dụng
Phương thức toggle() thay đổi trạng thái hiển thị của phần tử.
Nếu phần tử được chọn hiển thị, thì ẩn các phần tử đó, nếu phần tử được chọn ẩn, thì hiển thị các phần tử đó.
Cú pháp
$(selector).toggle(speed,callback,switch)
| Tham số | Mô tả |
|---|---|
| speed |
Tùy chọn. Định nghĩa tốc độ từ hiển thị sang ẩn hoặc ngược lại của phần tử (hoặc ngược lại). Mặc định là "0". Các giá trị có thể:
Trong quá trình từ hiển thị sang ẩn, khi thiết lập tốc độ, phần tử sẽ thay đổi dần từ chiều cao, chiều rộng, lề ngoài, lề trong và độ trong suốt. Nếu thiết lập tham số này, bạn không thể sử dụng tham số switch. |
| callback |
Tùy chọn. Hàm cần được thực hiện sau khi hàm toggle được thực hiện. Để tìm hiểu thêm về callback, hãy truy cập chương jQuery Callback của chúng tôi. Chỉ có thể thiết lập tham số này nếu đã thiết lập tham số speed. |
| switch |
Tùy chọn. Giá trị boolean. Định nghĩa toggle có ẩn hoặc hiển thị tất cả các phần tử được chọn hay không.
Nếu thiết lập tham số này, bạn không thể sử dụng các tham số speed và callback. |
Hướng dẫn và chú ý
Chú ý:Hiệu ứng này áp dụng cho các phần tử được ẩn bằng jQuery hoặc các phần tử được chỉ định display:none trong CSS (nhưng không áp dụng cho phần tử có visibility:hidden).
Các ví dụ thêm
- Sử dụng tham số speed
- Sử dụng tham số speed để ẩn và hiển thị các phần tử.
- Sử dụng tham số switch
- Sử dụng tham số switch để hiển thị tất cả các đoạn văn ẩn.
