fadeIn, fadeOut, fadeTo (metodi jquery)

by Juri Rudi

HTML

<div id="mioDiv">Contenuto del div</div>
<button id="fadeIn">fadeIn</button>
<button id="fadeOut">fadeOut</button>
<button id="fadeToggle">fadeToggle</button>
<br>
<button id="fadeTo">fadeTo (-50%)</button>
<button id="fadeTo2">fadeTo (100%)</button>

CSS

div {
  width: 200px;
  height: 200px;
  background-color:yellow;
  border: 1px solid black;
}

JavaScript

$("#fadeIn").click(function(){
  $("#mioDiv").fadeIn("slow");
});
$("#fadeOut").click(function(){
  $("#mioDiv").fadeOut("slow");
});
$("#fadeToggle").click(function(){
  $("#mioDiv").fadeToggle("slow");
});
$("#fadeTo").click(function(){
  $("#mioDiv").fadeTo("slow", 0.5);
});
$("#fadeTo2").click(function(){
  $("#mioDiv").fadeTo("slow", 1);
});