How To Add jQuery Hide and Show Effect to Blogger

How To Add jQuery Hide and Show Effect to Blogger










1.Log in to your dashboard--> Desing- ->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>

Now your Done