Sunday, July 18, 2010

Jquery on blogspot

Hi,i thing you have implement so many jquery features on your application , but have you try this on your blogger ? nb not yet .. then try this code hope you like it.

click on the below button it will show you the toggle .




And Here is the code , just add this on your blogger and see the magic.

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"> </script>
<script type="text/javascript"> $(function(){$("#BtnToggle").click(function(){$('#divTogg').toggle(1000);});});</script>

<style type="text/css"> #divTogg{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}</style>

<div id="dvt"> Hi, its working on Blogger too.</div>
<button id="BtnToggle"> Click Me</button>


This is your css part you can design it accordingly.

  • <style type="text/css">

  • #divTogg

  • {

  • width: 200px;

  • height: 100px;

  • border: solid 1px black;

  • background-color:LightGrey;

  • text-align:center;

  • display:none;

  • }

  • </style>



hope you like this ,if you have like this plz comment on it.