fadeToggle методу

fadeToggle методу элементтердин ачык-жабыктыгын анимациялап, аларды кезек-кезек менен жумшак көрсөтөт же жашырат.

Синтаксис

Белгиленген убакыт ичинде көрсөтүү/жашыруу, демейки болуп 400мс:

javascript.fadeToggle(узактыгы);

Убакытты миллисекунд менен гана эмес, slow (600мс) жана fast (200мс) деген ачкыч сөздөр менен да белгилөөгө болот, мааниси канчалык чоң болсо, анимация ошончолук жай:

javascript.fadeToggle('slow' же 'fast');

Эгер параметрлерди көрсөтпөсөңүз - анимация болбойт, элементтер дароо көрүнөт/жашырылат:

javascript.fadeToggle();

Ошондой эле экинчи параметр катары жумшактык функциясын, үчүнчү параметр катары callback-функциясын - анимация аяктагандан кийин иштейт - берүүгө болот. Эки параметр да милдеттүү эмес:

javascript.fadeToggle(узактыгы, [жумшактык функциясы], [callback-функциясы]);

Методго ар кандай параметрлерди, JavaScript объектиси түрүндө, ачкыч: маани жуптарын камтып берүүгө болот:

javascript.fadeToggle(options);

Мындай объект төмөнкү параметрлерди жана функцияларды - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always бере алат. Бул параметрлердин сүрөттөмөсүн сиз animate методу үчүн көрө аласыз. Мисалы, узактыкты жана жумшактык функциясын орнотойлу:

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

Мисал

Төмөнкү мисалда биринчи жолу #toggle баскычына басканда #test элементи жашырылат, ал эми кайра басканда - көрсөтүлөт. Бул үчүн биз fadeToggle методунан пайдаланабыз. Ошондой эле биз ылдамдыкты 1000мс жана жумшактык функциясынын маанисин 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');
});

Дагы караңыз