Mbinu ya slideToggle
Mbinu slideToggle inaonyesha kwa utulivu
vipengele vilivyofichika na kuficha vile vilivyoonekana.
Syntax
Kuonyesha/Kuficha kwa muda uliowekwa,
400ms kwa chaguo-msingi:
.slideToggle(muda);
Muda unaweza kuwekwa sio tu kwa millisekunde,
lakini pia kwa maneno muhimu slow (600ms)
na fast (200ms), thamani kubwa zaidi,
huonyesha mwendo wa polepole zaidi:
.slideToggle('slow' au 'fast');
Ikiwa hautaweka vigezo - hautakuwa na mwendo, vipengele vitaonyeshwa/kufichwa mara moja:
.slideToggle();
Pia unaweza kupita kigezo cha pili kama kitendakazi cha mwendo, na kigezo cha tatu kama kitendakazi cha callback - itakayofanya kazi baada ya mwendo ukimalizika. Vigezo vyote viwili sio vya lazima:
.slideToggle(muda, [kitendakazi cha mwendo], [kitendakazi cha callback]);
Unaweza kupitisha mbinu chaguzi mbalimbali, kwa umbo la kitu cha JavaScript, kilichokuwa na jozi ufunguo: thamani:
.slideToggle(chaguzi);
Kitu kama hicho kinaweza kupitisha vigezo na vitendakazi
vinavyofuata - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Maelezo
ya vigezo hivi unaweza kuyaangalia kwa mbinu ya
animate. Kwa mfano,
tuunde muda na kitendakazi cha mwendo:
.slideToggle( {duration: 600, easing: easeInSine} );
Mfano
Baada ya kubonyeza kitufe, tufiche kwa utulivu
div ya mzazi, ambayo ina aya,
kwa kutumia mbinu slideToggle (div hii
tutaitafuta kwa kutumia mbinu ya
parent),
baada ya kubonyeza tena kitufe, div
itaonyeshwa tena kwa utulivu na kadhalika. Kwa kupita neno muhimu
slow, tutaweka kasi kwa 600ms:
<button>toggle maandishi</button>
<div>
<p id='test'>maandishi maandishi maandishi maandishi maandishi maandishi maandishi</p>
<p>maandishi maandishi maandishi maandishi maandishi maandishi maandishi</p>
<p>maandishi maandishi maandishi maandishi maandishi maandishi maandishi</p>
</div>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
