Metoda fadeTo në jQuery

Metoda fadeTo lejon të ulim transparencën opacity të një elementi në një vlerë të caktuar (0 - plotësisht transparent, 1 - plotësisht jo transparent). Si parametër të parë metoda pranon në cilën vlerë të ndryshojë transparencën, kurse si të dytën - kohën e ekzekutimit.

Le ta bëjmë që me një klikim mbi butonin elementi ynë të bëhet gjysmë transparent për 1 sekondë. Për fillim le të marrim këtë kod HTML:

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

Le të kemi edhe këtë CSS:

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

Tani shkruajmë këtë kod Javascript:

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