jQuery-efekti - toggle()-menetelmä

jQuery 效果参考手册

Esimerkki

Vaihda <p>-elementin näkyvyyden tilaa näyttämällä ja piilottamalla:

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

Kokeile itse

Määritelmä ja käyttö

toggle()-menetelmä vaihtaa elementin näkyvyyden tilan.

Jos valittu elementti on näkyvissä, piilota nämä elementit, jos valittu elementti on piilotettu, näytä nämä elementit.

Syntax

$().toggle(speed,callback,switch)
Parametrit Kuvaus
speed

Valinnainen. Määrittää elementin näkyvyyden muuttuvan nopeuden (tai päinvastoin). Oletus on "0".

Mahdolliset arvot：

  • Millisekuntia (esim. 1500)
  • "slow"
  • "normal"
  • "fast"

Asetettuna nopeuden ollessa, elementti muuttaa vähitellen korkeutta, leveyttä, ulkopuita, sisäpuita ja läpinäkyvyyttä näkyvyydestä piiloon ja päinvastoin.

Jos asetat tämän parametrin, et voi käyttää switch-parametria.
callback

Valinnainen. toggle-funktion suorittamisen jälkeen suoritettava funktio.

Jos haluat oppia lisää callbackista, vieraile jQuery Callback-luvustamme.

Et voi asettaa tätä parametria, ellet ole asettanut speed-parametria.
switch

Valinnainen. Boolsarake. Määrittääkö toggle piilottaa vai näyttää kaikki valitut elementit.

  • True - Näytä kaikki elementit
  • False - Piilota kaikki elementit

Jos asetat tämän parametrin, et voi käyttää speed- ja callback-parametreja.

Vinkit ja huomautukset

Huomautus：Tämä efekti pätee jQuery:n piilottamiin elementteihin tai CSS:ssa määriteltyihin display:none-elementteihin (ei päde visibility:hidden-elementteihin).

Lisää esimerkkejä

Käytä speed-parametria
Käytä speed-parametria piilottamaan ja näyttämään elementtejä.
Käytä switch-parametria
Käytä switch-parametria näyttääksesi kaikki piilotetut kohdat.

jQuery 效果参考手册