jQuery Effekter - toggle() metod

jQuery Effekter Referenshandbok

Exempel

Växla visningen och döljningen av <p>-elementet:

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

Prova själv

Definition och användning

toggle() metoden växlar elementets synliga tillstånd.

Om det valda elementet är synligt, dölj dessa element, om det valda elementet är dolt, visa dessa element.

Syntax

$(selector).toggle(speed,callback,switch)
Parametrar Beskrivning
speed

Valfritt. Anger hastigheten för elementet från synligt till dolt (eller tvärtom). Standard är "0".

Möjliga värden:

  • Millisekunder (t.ex. 1500)
  • "slow"
  • "normal"
  • "fast"

När elementet ställs in för hastighet, ändras dess höjd, bredd, marginaler, inre marginaler och genomskinlighet gradvis under processen från synligt till dolt.

Om detta argument sätts kan inte switch-argumentet användas.
callback

Valfritt. Funktionen som ska köras efter att toggle-funktionen har utförts.

För att lära dig mer om callback, besök vår kapitel om jQuery Callback.

Detta argument kan inte sättas om speed-argumentet inte är satt.
switch

Valfritt. Boolean. Anger om toggle ska dölja eller visa alla markerade element.

  • True - Visa alla element
  • False - Dölj alla element

Om detta argument sätts kan inte speed- och callback-argumenten användas.

Tips och kommentarer

Kommentar:Denna effekt gäller för element som döljs med jQuery, eller element som deklarerats med display:none i CSS (men inte för element med visibility:hidden).

Mer exempel

Använd speed-argumentet
Använd speed-argumentet för att dölja och visa element.
Använd switch-argumentet
Använd switch-argumentet för att visa alla dolda avsnitt.

jQuery Effekter Referenshandbok