jQuery - slideDown, Slideup, SlideToggle

by VIvek Vaishnav

HTML

<div id="box"></div>
<button id="slideDown">slideDown</button>
<button id="slideUp">slideUp</button>
<button id="slideToggle">slideToggle</button>

CSS

#box {
  width: 200px;
  height: 200px;
  background-color:#fff176;
}

JavaScript

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