jQuery slideup()

by Online Tutorials Library July 14, 2022

jQuery slideUp()

jQuery slideDown() method is used to slide up an element.

Syntax:

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

speed: It specifies the speed of the delay. Its possible vales are slow, fast and milliseconds.

easing: It specifies the easing function to be used for transition.

callback: It is also an optional parameter. It specifies the function to be called after completion of slideUp() effect.

Let’s take an example to demonstrate jQuery slideUp() effect.

 <!DOCTYPE html> <html> <head> <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js”></script> <script>  $(document).ready(function(){     $(“#flip”).click(function(){         $(“#panel”).slideUp(“slow”);     }); }); </script>  <style>  #panel, #flip {     padding: 5px;     text-align: center;     background-color: #00FFFF;     border: solid 1px #c3c3c3; } #panel {     padding: 50px; } </style> </head> <body> <div id=”flip”>Click to slide up panel</div> <div id=”panel”>Hello  tutoraspire.com!  It is the best tutorial website to learn jQuery and other languages.</div> </body> </html> 

Test it Now

Output:

Click to slide up panel

Hello tutoraspire.com! It is the best tutorial website to learn jQuery and other languages.

Next TopicjQuery slideToggle()

jQuery slideup()

jQuery slideUp()

jQuery off() method

jQuery text()

You may also like