Metod fadeToggle

Metod fadeToggle nobat bilen elementleri yumşak görkezýär ýa-da ýaşyrýar, olaryň şeffaflygyny animasiýalaýar.

Sintaksis

Görkezmek/ýaşyrmak belgilenen wagtyň dowamynda, 400ms deslapky ýagdaýynda:

javascript.fadeToggle(dowamlylyk);

Wagty diňe millisekuntlarda däl, eýsem açar sözler bilen hem belläp bolýar: slow (600ms) we fast (200ms), baha näçe uly bolsa, animasiýa şonça haýal:

javascript.fadeToggle('slow' ýa-da 'fast');

Eger parametrleri görkezmezseňiz - animasiýa bolmaz, elementler görkeziler/ýaşyrylar derrew:

javascript.fadeToggle();

Ýene-de ikinji parametr hökmünde ýumşaklyk funksiýasyny geçirip bilersiňiz, şeýle hem üçünji parametr hökmünde callback-funksiýasyny - animasiýa tamamlananyňyzdan soň işjeňleşer. Iki parametri hem hökmany däl:

javascript.fadeToggle(dowamlylyk, [ýumşaklyk funksiýasy], [callback-funksiýasy]);

Metoda dürli opsiýalary, JavaScript obýekti görnüşinde, jübütlerini açar: baha öz içine alýan geçirip bolýar:

javascript.fadeToggle(options);

Beýle bir obýekt aşakdaky parametrleri we funksiýalary geçirip bilýär - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Bu parametrleriň düşündirişini siz metod üçin animate görüp bilersiňiz. Mysal üçin, dowamlylygy we ýumşaklyk funksiýasyny belgileýäris:

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

Mysal

Aşakdaky mysalda birinji gezek düwmä basylan wagty #toggle element bilen #test bolup ýaşyrylar, ýene-de basylan wagty - görkeziler. Şuňa üçin biz fadeToggle metodyny ulanýarys. Şeýle hem biz tizligi 1000ms we ýumşaklyk funksiýasynyň bahasyny linear edip belgileris:

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');
});

Şeýle-de görüň