Metodo fadeTo in jQuery

Il metodo fadeTo consente di ridurre la trasparenza opacity di un elemento fino a un certo valore (0 - completamente trasparente, 1 - completamente opaco). Il primo parametro del metodo accetta fino a quale valore cambiare la trasparenza, e il secondo - il tempo di esecuzione.

Facciamo in modo che cliccando su un pulsante il nostro elemento diventi semitrasparente in 1 secondo. Per iniziare, prendiamo il seguente codice HTML:

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

Supponiamo inoltre di avere il CSS:

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

Ora scriviamo il seguente codice Javascript:

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