Run ยป
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>slide down</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <style> #panel{ height: 150px; width: 150px; background-color: #66ff6b; border-radius: 50%; display: inline-block; } #panel { padding: 50px; display: none; } </style> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideDown("slow"); }); }); </script> </head> <body> <div id="panel"></div> <br> <button id="flip">Click to slide down</button> </body> </html>