jQuery Epekto - toggle() na method
Halimbawa
Pagtoggle ng estado ng pagkakita at pagtago ng <p> na elemento:
$(".btn1").click(function(){
$("p").hide();
});
Definisyon at Paggamit
Ang toggle() na method ay nagbabago ng estado ng nakikita ng elemento.
Kung ang napili na elemento ay nakikita, itatago ang mga ito, kung ang napili na elemento ay nakahid, ipakita ang mga ito.
Gramatika
$(selector).toggle(speed,callback,switch)
| Parameter | Paglalarawan |
|---|---|
| speed |
Opsiyonal. Tumutukoy sa bilis ng elemento mula sa nakikita hanggang nakahid (o vice versa). Ang default ay "0". Mga posibleng halaga:
Sa pagtatakbo ng elemento mula sa nakikita hanggang nakahid, ang elemento ay magiging pagkakabagong kalat, kalat, panig-pangibabaw, panloob na panig at transparent. Kung naitaas ang parameter na ito, hindi maaring gamitin ang parameter na switch. |
| callback |
Opsiyonal. Ang function na gagawin pagkatapos magsagawa ang toggle function. Para sa mas maraming kaalaman tungkol sa callback, bisitahin mo ang kabanata na jQuery Callback namin. Hindi maaaring itaas ang parameter na ito maliban na lamang kung naitaas ang parameter na speed. |
| switch |
Opsiyonal. Boolean. Tumutukoy kung itatakan o ipakita ng toggle ang lahat ng napili na elemento.
Kung naitaas ang parameter na ito, hindi maaring gamitin ang mga parameter na speed at callback. |
Mga Tagubilin at Komento
Komento:Ang epekto na ito ay ginagamit para sa mga elemento na itinago sa pamamagitan ng jQuery, o sa mga elemento na nadeklara sa CSS bilang display:none (hindi para sa mga elemento na nadeklara bilang visibility:hidden).
Higit pang mga halimbawa
- Gamitin ang parameter na speed
- Gamitin ang parameter na speed upang itago at ipakita ang mga elemento.
- Gamitin ang parameter na switch
- Gamitin ang parameter na switch upang ipakita ang lahat ng nakahid na mga paragrafo.
