How To Add jQuery Hide and Show Effect to Blogger

Posted by Lasantha Bandara on May 16th, 2009 File Under : java script, jquery0 Comment

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.

File Under : java script, jquery

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.