jQuery 效果 - toggle() ກົນລະຍຸດ

jQuery 效果参考手册

ຄວາມນິຍົມ

ປ່ຽນສະຖານະສະແດງຂອງ <p> ສະຖານທີ່ຖືກປິດຫຼືສະແດງ:

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

ພະຍາຍາມພຽງພໍ

ການອະທິບາຍແລະການນໍາໃຊ້

toggle() ກົນລະຍຸດຄວາມສະແດງບັນດາປະກອບ.

ຖ້າບັນດາປະກອບທີ່ຖືກເລືອກພາຍໃນທີ່ພາຍໃນຄວາມສະແດງ, ຈະປິດບັນດາປະກອບນັ້ນ, ຖ້າບັນດາປະກອບທີ່ຖືກເລືອກພາຍໃນທີ່ຖືກປິດ, ຈະສະແດງບັນດາປະກອບນັ້ນ.

ຂອບເຂດທີ່ນຳໃຊ້

$(selector).toggle(speed,callback,switch)
ຄູ່ມູນ ການອະທິບາຍ
speed

ທາງເລືອກ. ກໍານົດຄວາມໄວທີ່ບັນດາປະກອບຈະປ່ຽນແປງຈາກຄວາມພາຍໄປຄວາມສະແດງ (ຫຼືບໍ່). ຄວາມມີຄຸນຄ່າເບີ່ງມາເປັນ "0".

ຄວາມມີຄຸນຄ່າ:

  • ມື້ວັນ (ອີງຕາມ 1500)
  • "slow"
  • "normal"
  • "fast"

ໃນຂະນະທີ່ກະກຽມຄູ່ມູນຄວາມໄວ, ບັນດາປະກອບຈະປ່ຽນແປງຄວາມຫຼາຍ, ຄວາມມີຄວາມພາຍ, ຄວາມຂອບເຂດກາງ, ແລະຄວາມສະທໍາທີ່ຫຼາຍຫຼືຫຼາຍລົງ.

ຖ້າກະກຽມຄູ່ມູນນີ້ຈະບໍ່ສາມາດນຳໃຊ້ switch.
callback

ທາງເລືອກ. ຄູ່ມູນທີ່ຈະດຳເນີນຫຼັງຈາກການດຳເນີນ toggle.

ສຳລັບທີ່ຕ້ອງຮຽນຫຼາຍກວ່າກ່ຽວກັບ callback, ກະລຸນາຢູ່ບົດຊອງ jQuery Callback.

ບໍ່ສາມາດກະກຽມຄູ່ມູນນີ້ຈົນບໍ່ກະກຽມ speed.
switch

ທາງເລືອກ. ຄວາມຕ້ອງການ. ກໍານົດວ່າ toggle ຈະປິດຫຼືສະແດງບັນດາປະກອບທັງໝົດຫຼືບໍ່.

  • True - ສະແດງບັນດາປະກອບທັງໝົດ
  • False - ປິດບັນດາປະກອບທັງໝົດ

ຖ້າກະກຽມຄູ່ມູນນີ້ຈະບໍ່ສາມາດນຳໃຊ້ speed ແລະ callback ຄູ່ມູນ.

ຄຳເຕືອນແລະຄວາມຄິດເຫັນ

ຄວາມຄິດເຫັນ:ປະຕິບັດຕາມການປິດບັນດາປະກອບຜ່ານ jQuery (ຫຼືຜ່ານ CSS ທີ່ຖືກກ່າວວ່າ display:none) (ບໍ່ມີຜົນກັບ visibility:hidden).

ຫຼາຍຄວາມນິຍົມ

ນຳໃຊ້ຄູ່ມູນ speed
ນຳໃຊ້ຄູ່ມູນ speed ເພື່ອປິດແລະສະແດງບັນດາປະກອບ.
ນຳໃຊ້ຄູ່ມູນ switch
ນຳໃຊ້ຄູ່ມູນ switch ເພື່ອສະແດງພາກສະຖານທີ່ຖືກປິດກະຕຸ້ອ.

jQuery 效果参考手册