Lynxsia IT Solution

The jQuery slide methods slide elements up and down.

The slideDown() method is used to slide down an element.

					 
        
          $(selector).slideDown(speed, callback);

The optional speed parameter specifies the duration of the effect. It can take the following values: "slow", "fast", or milliseconds.

The optional callback parameter is a function to be executed after the sliding completes.

					 
        
          $("button").click(function(){
            $("#div").slideDown();
          });

The slideUp() method is used to slide up an element.

					 
        
          $(selector).slideUp(speed, callback);

The optional speed parameter specifies the duration of the effect. It can take the following values: "slow", "fast", or milliseconds.

The optional callback parameter is a function to be executed after the sliding completes.

					 
        
          $("button").click(function(){
            $("#div").slideUp();
          });

The slideToggle() method toggles between the slideDown() and slideUp() methods.

					 
        
          $(selector).slideToggle(speed, callback);

The optional speed parameter can take the following values: "slow", "fast", milliseconds.

The optional callback parameter is a function to be executed after the sliding completes.

					 
        
          $("button").click(function(){
            $("#div").slideToggle();
          });

How you feel about this blog:

Share this blog on:

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Ads