jQuery Effekt - fadeOut() metode

Eksempel

Brug fadeOut-effekten til at skjule et <p>-element:

$(".btn1").click(function(){
  $("p").fadeOut();
});

Prøv det selv

Definition og brug

fadeOut() metoden bruger en fade-out-effekt til at skjule valgte elementer, hvis de er skjult.

Syntaks

$(selector).fadeOut(speed,callback)
Parameter Beskrivelse
speed

Valgfri. Angiv hastigheden for elementets skjulte tilstand. Standard er "normal".

Mulige værdier:

  • Millisekunder (f.eks. 1500)
  • "slow"
  • "normal"
  • "fast"

Når hastigheden er indstillet, ændres elementets gennemsigtighed gradvist fra synlig til skjult (dette skaber en fade-out-effekt).

callback

Valgfri. Funktionen, der skal udføres efter fadeOut-funktionen er fuldført.

For at lære mere om callback, besøg vores kapitel om jQuery Callback.

Man kan ikke indstille denne parameter, medmindre speed parameter er sat.

Tip og bemærkninger

Tip:Hvis elementet allerede er skjult, vil effekten ikke forårsage nogen ændring, medmindre callback-funktionen er specificeret.

Flere eksempler

Brug speed parameter
Brug speed parameter til at justere ind- eller udblænding af elementer.