jQuery Effect - fadeOut() methode

Voorbeeld

Gebruik het uitblenden-effect om een <p> element te verbergen:

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

Probeer het zelf

Definitie en gebruik

fadeOut() methode gebruikt een uitblenden-effect om het geselecteerde element te verbergen, als het element verborgen is.

Syntax

$(selector).fadeOut(speed,callback)
Parameters Beschrijving
speed

Optioneel. Stel de snelheid in van het element van zichtbaar naar verborgen in. Standaard is "normal".

Mogelijke waarden:

  • miliseconden (bijvoorbeeld 1500)
  • "slow"
  • "normal"
  • "fast"

Bij het instellen van de snelheid, verandert het element geleidelijk van zichtbaar naar verborgen, waarbij de transparantie wordt aangepast (wat een uitblenden-effect creëert).

callback

Optioneel. De functie die wordt uitgevoerd nadat de fadeOut functie is voltooid.

Voor meer informatie over callback, bezoek ons hoofdstuk over jQuery Callback.

Je kunt deze parameter niet instellen tenzij de speed parameter is ingesteld.

Tips en opmerkingen

Tip:Als het element al verborgen is, heeft dit effect geen enkele verandering, tenzij de callback functie is gedefinieerd.

Meer voorbeelden

Gebruik de speed parameter
Gebruik de speed parameter om in of uit te blenden.