Метад fadeTo у jQuery

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

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

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

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

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

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

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