How To Add jQuery Hide and Show Effect to Blogger

If you want to add hide and show effect to your blog, follow the steps below.

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the javascript code given below and click save.

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#butShowHide').click(function() { $('#pShowHide').toggle(); }); }); </script> <p id="pShowHide" style="display:none">Insert Your Content Here</p> <button id="butShowHide">Show/Hide</button>

Note : Remember to replace 'Insert Your Content Here' with your real content.