JQuery slideDown Method Example Code | slideDown usage in JQuery

JQuery slideDown Method Example

Using this slideDown JQuery Effect, we can create a slide for the divison. Also, we can call back a function using this slideDown method.

syntax: slideDown(speed, *callback);

* - indicates optional


Sample Code:

    $(document.body).click(function () {
      if ($("div:first").is(":hidden")) {
        $(".SlideShownClass").slideDown("slow");
      } else {
        $(".SlideShownClass").hide();
      }
    });

 

 

Demo JQuery Program:

 

See More JQuery Effects and JQuery Interview Questions