jQuery Tutorial


jQuery Example


jQuery References


jQuery Slideup() and SlideDown() and SlideToggle() Effects Example




jQuery slideDown(), slideUp(), slideToggle() Effects

jQuery slide methods use to change element height is visible or hidden in a Selected elements. jQuery Slide Method support main three methods..

Syntax

$(selector).slideDown( speed,[callback]);
$(selector).slideUp( speed,[callback]);
$(selector).slideToggle( speed,[callback]);
  • speed: Elements is a represent by three predefined String speed ("slow", "normal", "fast"). otherwise number represent by milliseconds (Ex. 3000).
  • callback: Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.

jQuery slideDown() Effects Example:

<script type="text/javascript"> 
$(document).ready(function(){
  $("#click").click(function(){
    $("#slide").slideDown("slow");
  });
});
</script>
Online Try This Code Your Self....   »

jQuery slideUp() Effects Example:

<script type="text/javascript"> 
$(document).ready(function(){
  $("#click").click(function(){
    $("#slide").slideUp("slow");
  });
});
</script>
Online Try This Code Your Self....   »

jQuery slideToggle() Effects Example:

<script type="text/javascript"> 
$(document).ready(function(){
  $("#click").click(function(){
    $("#slide").slideToggle("slow");
  });
});
</script>
Online Try This Code Your Self....   »

Full Reference of jQuery Effects References Learn all jQuery Effects References.