jQuery Effekter - toggle() Metode

jQuery Effektmåle Manuel

Eksempel

Skift visningstilstanden for <p>-elementet:

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

Prøv det selv

Definition og brug

toggle() metoden skifter elementernes synlige tilstand.

Hvis det valgte element er synligt, skjuler disse elementer, hvis det valgte element er skjult, viser disse elementer.

Syntaks

$(selector).toggle(speed,callback,switch)
Parametre Beskrivelse
speed

Valgfri. Angiver hastigheden på elementets skjulelse fra synligt til skjult (eller omvendt). Standard er "0".

Målbare værdier:

  • Millisekunder (f.eks. 1500)
  • "slow"
  • "normal"
  • "fast"

Når elementet ændrer sig fra synligt til skjult, ændres dets højde, bredde, margin, padding og gennemsigtighed gradvist.

Hvis dette argument er sat, kan switch-argumentet ikke bruges.
callback

Valgfri. Funktionen, der skal køres efter at toggle-funktionen er udført.

For at lære mere om callback, besøg vores jQuery Callback-kapitel.

Dette argument kan ikke sættes, medmindre speed-argumentet er sat.
switch

Valgfri. Boolesk værdi. Angiver, om toggle skal skjule eller vise alle valgte elementer.

  • True - Vis alle elementer
  • False - Skjul alle elementer

Hvis dette argument er sat, kan speed- og callback-argumenterne ikke bruges.

Videregående og bemærkninger

Bemærk:Denne effekt gælder for elementer, der er skjult med jQuery, eller elementer, der er deklarerede med display:none i CSS (men ikke for elementer med visibility:hidden).

Flere eksempler

Brug speed-argumentet
Brug speed-argumentet til at skjule og vise elementer.
Brug switch-argumentet
Brug switch-argumentet til at vise alle skjulte afsnit.

jQuery Effektmåle Manuel