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:

javascript.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:

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

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

javascript.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:

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

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

javascript.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:

javascript.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:

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

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

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

Angalia pia