Mbinu ya fadeToggle

Mbinu fadeToggle mbadala huonyesha kwa utulivu au kuficha vipengele, ikiiga uwazi wake.

Syntax

Kuonyesha/Kuficha kwa muda uliowekwa, 400ms kwa chaguo-msingi:

.fadeToggle(muda);

Muda unaweza kuwekwa sio tu kwa millisekunde, lakini pia kwa maneno muhimu slow (600ms) na fast (200ms), thamani kubwa zaidi, huonyesha polepole zaidi:

.fadeToggle('slow' au 'fast');

Ikiwa hautaweka vigezo - mwendo hautakuwa, vipengele vitaonyeshwa/kufichwa mara moja:

.fadeToggle();

Pia unaweza kupeana kigezo cha pili kitendakazi cha urahisi, na kigezo cha tatu kitendakazi cha callback - kitakachofanya kazi baada ya kukamilika kwa mwendo. Vigezo vyote viwili si vya lazima:

.fadeToggle(muda, [kitendakazi cha urahisi], [kitendakazi cha callback]);

Unaweza kupeana mbinu chaguzi mbalimbali, kwa umbo la kitu cha JavaScript, kilicho na jozi ufunguo: thamani:

.fadeToggle(chaguzi);

Kitu kama hicho kinaweza kupitisha vigezo vifuatavyo na vitendakazi - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Maelezo ya vigezo hivi unaweza kuyaangalia kwa mbinu ya animate. Kwa mfano, tutaweka muda na kitendakazi cha urahisi:

.fadeToggle( {duration: 800, easing: easeInSine} );

Mfano

Katika mfano ufuatao unapobofya kwanza kwenye kitufe #toggle kipengele chenye #test kita kufichika, na unapobofya tena - kitaonyeshwa. Kwa hili tunatumia mbinu fadeToggle. Pia tutaweka kasi kwa 1000ms na thamani ya kitendakazi cha urahisi kuwa linear:

<button id="toggle">toggle</button>
<div id="test"></div>

#test {
	width: 200px;
	height: 200px;
	background: green;
	color: white;
	margin-top: 10px;
}

$('#toggle').on('click', function() {
	$('#test').fadeToggle(1000, 'linear');
});

Angalia pia

mbinu slideToggle,
ambayo hubadilishana kuonyesha/kuficha kwa utulivu kwa vipengele
mbinu fadeTo,
ambayo hubadilisha uwazi wa vipengele
mbinu toggle,
ambayo hubadilishana kuonyesha/kuficha kwa utulivu kwa vipengele
mbinu animate,
ambayo huigiza sifa za vipengele