Метод fadeTo

Метод fadeTo глатко мења провидљивост елемента до задате вредности, у распону од 0 до 1.

Синтакса

Трајање и провидљивост се задају при било којој варијанти коришћења метода. Промена провидљивости за задато време, 400ms подразумевано:

.fadeTo(трајање, вредност провидљивости);

Време се може задати не само у милисекундама, него и кључним речима slow (600ms) и fast (200ms), што је већа вредност, то спорија анимација:

.fadeTo('slow' или 'fast', вредност провидљивости);

Може се такође трећим (необавезним) параметром проследити callback-функција - извршиће се након извршења анимације:

.fadeTo(трајање, вредност провидљивости, [callback-функција]);

Може се такође проследити функција заглађивања и callback-функција (необавезни параметри) - извршиће се након извршења анимације:

.fadeTo(трајање, вредност провидљивости, [функција заглађивања], [callback-функција]);

Пример

У следећем примеру, помоћу метода fadeTo при притиску на дугме #hide елемент са #test ће се сакривати смањивањем провидљивости до 0.5, а на #show - приказивати:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="test"></div>

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

$('#show').on('click', function() {
	$('#test').fadeTo(1000, 1);
});

$('#hide').on('click', function() {
	$('#test').fadeTo(1000, 0.5);
});

Погледајте такође

метод fadeToggle,
који мења провидљивост елемената
метод fadeIn,
који глатко приказује сакривене елементе, чинећи их непровидљивим
метод animate,
који анимира својства елемената