Metoda jQuery fadeToggle()

❮ Metody efektów jQuery

Przykład

Przełącz między pojawianiem się i zanikaniem różnych pól:

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

Definicja i użycie

Metoda fadeToggle() przełącza między metodami fadeIn() i fadeOut() .

Jeśli elementy są wygaszone, fadeToggle() spowoduje ich wyblaknięcie.

Jeśli elementy są wyblakłe, fadeToggle() zniknie.

Uwaga : Ukryte elementy nie będą w ogóle wyświetlane (nie wpływają już na układ strony).


Składnia

$(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

Spróbuj sam - przykłady


Jak używać parametru szybkości do określenia szybkości efektu zanikania.


Jak używać parametru wywołania zwrotnego do wykonania funkcji po zakończeniu metody fadeToggle().


❮ Metody efektów jQuery