jQuery Effect - slideToggle() Methode

jQuery Effect Referentieshandleiding

Voorbeeld

Schakel tussen zichtbaar en verborgen status van <p> elementen met behulp van een schuifeffect:

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

Probeer het zelf

Definitie en gebruik

De slideToggle() methode schakelt de zichtbaarheid van elementen in en uit door gebruik te maken van een schuifeffect (hoogteverandering).

Als het geselecteerde element zichtbaar is, worden deze elementen verborgen, en als het geselecteerde element verborgen is, worden deze elementen weergegeven.

Syntax

$().slideToggle(speed,callback)
Parameters Beschrijving
speed

Optioneel. Bepaal de snelheid van het element van verborgen naar zichtbaar (of omgekeerd). Standaard is "normal".

Mogelijke waarden:

  • Milliseconden (bijv. 1500)
  • "slow"
  • "normal"
  • "fast"

Bij het instellen van de snelheid verandert het element geleidelijk zijn hoogte tijdens het omschakelen (wat een schuifeffect creëert).
callback

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

Voor meer informatie over callback, raadpleeg het hoofdstuk jQuery Callback.

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

Tips en annotaties

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

Meer voorbeelden

Gebruik de speed parameter
Gebruik de speed parameter om elementen omhoog en omlaag te laten verschijnen en verbergen.

jQuery Effect Referentieshandleiding