Mbinu ya toggle
Mbinu toggle hubadilishana kati ya uonyeshaji na kuficha laini
wa vipengele. Ikiwa kipengele kimeonyeshwa, kitafichwa
na kinyume chake.
Syntax
Kuonyesha kwa muda maalum katika millisecond,
400ms kwa chaguo-msingi:
.toggle(muda);
Muda unaweza kubainishwa sio tu kwa millisecond,
lakini pia kwa maneno muhimu slow (600ms)
na fast (200ms), thamani kubwa zaidi,
huonyesha ufundi mwepesi zaidi:
.toggle('slow' au 'fast');
Kigeuzi display kinaweza kupitisha thamani
true au false. Ikiwa true, kipengele
kitaonyeshwa tu, false - kitafichwa:
.toggle(display);
Ikiwa haujabainisha vigeuzi - ufundi mwepesi hautakuwa, vipengele vitaonyeshwa/vitafichwa marra moja:
.toggle();
Pia unaweza kupitisha kitendakazi cha ufundi mwepesi kama kigeuzi cha pili, na kitendakazi cha tatu cha callback - kitakachofanya kazi baada ya utekelezaji wa ufundi mwepesi. Vigeuzi vyote viwili sio lazima:
.toggle(muda, [kitendakazi cha ufundi mwepesi], [kitendakazi cha callback]);
Unaweza kupitisha kitendakazi cha callback kama kigeuzi cha pili kisichohitajika - kitakachofanya kazi baada ya utekelezaji wa ufundi mwepesi:
.toggle(muda, [kitendakazi cha callback]);
Unaweza kupitisha chaguzi mbalimbali kwa mbinu hii, kwa umbo la kitu cha JavaScript, kilichomo jozi ufunguo: thamani:
.toggle(chaguzi);
Kitu kama hicho kinaweza kupitisha vigeuzi na kitendakazi
vifuatavyo - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Maelezo
ya vigeuzi hivi unaweza kuyaangalia kwa mbinu ya
animate. Kwa mfano,
wacha tuweke muda na kitendakazi cha ufundi mwepesi:
.toggle( {duration: 800, easing: easeInSine} );
Mfano
Wacha baada ya kubonyeza kitufe, tuonyeshe kwa ufundi mwepesi
aya iliyofichwa kwa kutumia mbinu toggle. Kwa kupitisha
neno muhimu slow, tutaweka kasi
ya 600ms. Kwa kubonyeza tena - kuficha:
<button>onyesha maandishi</button>
<p style="display: none">maandishi</p>
$('button').click(function() {
$('p').toggle('slow');
});
Angalia pia
-
mbinu
fadeToggle,
ambayo hubadilisha uwazi wa vipengele -
mbinu
slideToggle,
ambayo hubadilishana kati ya uonyeshaji na kuficha laini wa vipengele -
mbinu
show,
ambayo inaonyesha kwa ufundi mwepesi vipengele -
mbinu
hide,
ambayo inaficha kwa ufundi mwepesi vipengele