HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery slideUp() Method</h1> <p>slideUp() method with duration and easing</p> <button id="mySlideUp">Slide Up</button> <button id="mySlideDown">Slide Down</button> <script> $(document).ready(function(){ $("#mySlideUp").click(function(){ $("p").slideUp(2000, "linear"); }); $("#mySlideDown").click(function(){ $("p").slideDown(); }); }); </script> </body> </html>
OUTPUT
×

Save as Private