Editor Arrow Download Open
<!DOCTYPE html> <html> <head> <title>jQuery toggle() method</title> <script src="jquery-latest.min.js"></script> <script> $(document).ready(function() { $("#toggle").click(function () { $("p").toggle(); }); }); </script> <style type="text/css"> p { background-color:#99FFFF; font-size:16px; font-family:Verdana; } </style> </head> <body> <button id="toggle">Hide/Show</button> <p style="">This paragraph will hide/show</p> </body> </html>
  Preview Arrow