Editor Arrow Download Open
<!DOCTYPE html> <html> <head> <title>jQuery animate() method</title> <script src="jquery-latest.min.js"></script> <script> $(document).ready(function() { $("#btntoggle").click(function(){ $("#animatebox").animate({ width: 'toggle' }); }); }); </script> <style type="text/css"> #animatebox { width: 70%; height: 100px; background: #FC5E5E; border-color: #de2d2d; } </style> </head> <body> <button id="btntoggle">Toggle Animation</button> <br /><br /> <div id="animatebox"></div> </body> </html>
  Preview Arrow