Friday, 24 August 2012

How To Add jQuery Hide and Show Text Effect to Blogger.

How To Add jQuery Hide and Show Text Effect to Blogger.
If you want to add hide and show effect to your blog, follow the steps below.
* First go to your blogger Dashboard.
* Now click in design tab and now you are here --->>> Page Element.
* Click on 'Add a Gadget' on the sidebar.
* 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.
Related Posts Widget for Blogger

No comments: