Sliding div left side | Interface 88

Monday 10 December 2012

Sliding div left side

Posted by rajesh kakawat , at 03:52

Sliding div left side with jquery animate method.Following are the step to do that

JAVASCRIPT CODE

$(document).ready(function() {
     $('button').click(function() {
       $("#slidingDiv").animate({width: 'toggle'});
     });
});

CSS CODE

#slidingDiv{
     width: 200px;
     height: 50px;
     background-color: red;
}

HTML CODE

<body>
   <button>CLICK ME</button>
   <br />
   <div id="slidingDiv"></div>
</body>

0 comments to “Sliding div left side”

Post a Comment

Subscribe to: Post Comments (Atom)

Interface 88 | © 2013 by Rajesh kakawat| Powered by Blogger