Phương thức jQuery fadeToggle ()

❮ Phương thức hiệu ứng jQuery

Thí dụ

Chuyển đổi giữa làm mờ dần trong và mờ dần ra các hộp khác nhau:

$("button").click(function(){
  $("#div1").fadeToggle();
});

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

Phương thức fadeToggle () chuyển đổi giữa phương thức fadeIn ()fadeOut () .

Nếu các phần tử bị mờ đi, thì fadeToggle () sẽ làm mờ chúng đi.

Nếu các phần tử bị mờ đi, thì fadeToggle () sẽ làm mờ chúng đ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).


Cú pháp

$(selector).fadeToggle(speed,easing,callback)

Parameter Description
speed Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the effect. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the fadeToggle() method is completed

To learn more about callback, please read 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 mờ dần.


Cách sử dụng tham số gọi lại để thực thi một hàm sau khi hoàn thành phương thức fadeToggle ().


❮ Phương thức hiệu ứng jQuery