Metoden fadeTo i jQuery

Metoden fadeTo giver mulighed for at reducere gennemsigtigheden opacity af et element til en bestemt værdi (0 - fuldstændig gennemsigtig, 1 - fuldstændig ugennemsigtig). Som første parameter tager metoden til hvilken værdi gennemsigtigheden skal ændres, og som anden - udførelsestiden.

Lad os gøre det sådan, at ved et klik på knappen bliver vores element halvgennemsigtigt på 1 sekund. Til at starte med, lad os tage følgende HTML-kode:

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

Lad os også have følgende CSS:

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

Nu skriver vi følgende Javascript-kode:

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