jQuery Effect - fadeIn() Methode

jQuery Effect Handleiding

Voorbeeld

Gebruik het in- of uitschuiveffect om een verborgen <p> element weer zichtbaar te maken:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Probeer het zelf

Definitie en gebruik

fadeIn() methode gebruikt een in- of uitschuiveffect om het geselecteerde element weer zichtbaar te maken, als het element verborgen is.

Syntax

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

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

Mogelijke waarden:

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

Bij het instellen van de snelheid, verandert het element geleidelijk van onzichtbaar naar zichtbaar door de transparantie te veranderen (wat een in- of uitschuiveffect creëert).
callback

Optioneel. De functie die wordt uitgevoerd nadat de fadeIn-functie is voltooid.

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

Deze parameter kan niet worden ingesteld, tenzij de speed parameter is ingesteld.

Tips en opmerkingen

Tip:Als het element al zichtbaar is, heeft dit effect geen effect, tenzij de callback-functie is opgegeven.

Opmerking:Deze effecten zijn van toepassing op elementen die verborgen zijn met jQuery, of elementen die in CSS zijn gedeclareerd met display:none (maar niet op elementen met visibility:hidden).

Meer voorbeelden

Gebruik de speed parameter
Gebruik de speed parameter om in- of uitschuiven van elementen.

jQuery Effect Handleiding