<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="resource/bootstrap/css/bootstrap.css"/> <script src="resource/jQuery/jquery-1.11.3.js"></script> <script src="resource/bootstrap/js/bootstrap.js"></script> <script> $().ready(function(){ $("#toggle").click(function(){ $("p").toggle(1000); }) }) </script> </head> <body> <p>hide or show</p> <button id="toggle">toggle</button> </body> </html>