slideDown, slideUp, slideToggle (metodi jquery)

by Juri Rudi

HTML

<div id="mioDiv">Contenuto del div</div>
<button id="slideDown">slideDown</button>
<button id="slideUp">slideUp</button>
<button id="slideToggle">slideToggle</button>

CSS

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

JavaScript

$("#slideDown").click(function(){
  $("#mioDiv").slideDown("slow");
});
$("#slideUp").click(function(){
  $("#mioDiv").slideUp("slow");
});
$("#slideToggle").click(function(){
  $("#mioDiv").slideToggle("slow");
});