Метад fadeTo у jQuery

Метад fadeTo дазваляе паменшыць празрыстасць opacity элемента да пэўнага значэння (0 - цалкам празрысты, 1 - цалкам непразрысты). Першым параметрам метад прымае да якого значэння змяніць празрыстасць, а другім - час выканання.

Давайце зробім так, каб па кліку на кнопку наш элемент стаў напаўпразрыстым за 1 секунду. Для пачатку возьмем наступны HTML код:

<button id="fade">click me</button>
<div id="elem">text...</div>

Хай таксама ў нас ёсць CSS:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

Цяпер прапішем наступны Javascript код:

$('#fade').click(function() {
	$('#elem').fadeTo(1000, 0.5);
});