Basic example of using jQuery toggle with div

jQuery, CSS and HTML
<!DOCTYPE html> <html> <head> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script> $(document).ready(function() { $("#show_hide").click(function () { $("#toggle_tst").toggle() }); }); </script> <style> #toggle_tst{ width:250px; height:250px; border: solid 1px green; background:#fff; margin:20px; } </style> </head> <body> <button id="show_hide">Show/Hide div</button> <div id="toggle_tst"> The div element with some text. <br /><br /> Click Show/hide button to check toggle method! </div> </body> </html>	The div element with some text. Click Show/hide button to check toggle method!