jQuery Effect - toggle() Methode

jQuery Effect Referentiehandleiding

Voorbeeld

Schakel de weergave- en verbergstatus van het <p> element in of uit:

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

Probeer het zelf

Definitie en gebruik

De toggle() methode schakelt de zichtbare status van elementen in of uit.

Als de geselecteerde elementen zichtbaar zijn, worden deze verborgen, en als ze verborgen zijn, worden deze getoond.

Syntax

$(selector).toggle(speed,callback,switch)
Parameters Beschrijving
speed

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

Mogelijke waarden:

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

Bij het instellen van de snelheid, verandert het element geleidelijk van zichtbaar naar verborgen in hoogte, breedte, marges, inbeslagneming en helderheid.

Als deze parameter is ingesteld, kan de switch parameter niet worden gebruikt.
callback

Optioneel. De functie die moet worden uitgevoerd nadat de toggle functie is uitgevoerd.

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

Tenzij de speed parameter is ingesteld, kan deze parameter niet worden ingesteld.
switch

Optioneel. Booleaanse waarde. Bepaalt of toggle alle geselecteerde elementen moet verbergen of tonen.

  • True - Toon alle elementen
  • False - Verberg alle elementen

Als deze parameter is ingesteld, kunnen de speed en callback parameters niet worden gebruikt.

Tips en opmerkingen

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 elementen te verbergen en te tonen.
Gebruik de switch parameter
Gebruik de switch parameter om alle verborgen paragrafen te tonen.

jQuery Effect Referentiehandleiding