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:

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

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

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

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

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

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

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

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

Şeýle-de görüň

metod slideToggle,
elementleriň yumşak görkezilmegini/ýaşyrylmagyny çalşýar
metod fadeTo,
elementleriň şeffaflygyny üýtgedýär
metod toggle,
elementleriň yumşak görkezilmegini/ýaşyrylmagyny çalşýar
metod animate,
elementleriň aýratynlyklaryny animasiýalaýar