Have you figured this out yet? I'm having the same problem... The animation worked until I added the <DOCTYPE> tag to the beginning of the page (in transitional). Now IE7 will not animate at all.
On Oct 9, 5:56 pm, Cary <[EMAIL PROTECTED]> wrote: > Has anyone ever seen this bug? The example comes directly from the > jquery website. When you try and use animate to manipulate the color > value, you get this error in IE. In Firefox it works fine. > > Your help is appreciated. > > Here is the code below: > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd"> > <html> > <head> > <script src="http://code.jquery.com/jquery-latest.js"></script> > > <script> > $(document).ready(function(){ > > $("#go1").click(function(){ > $("#block1").animate( { width:"90%" }, { queue:false, duration: > 3000 } ) > .animate( { fontSize:"24px" }, 1500 ) > .animate( { color:'#000000' }, 1500 ) > .animate( { borderRightWidth:"15px" }, 1500); > }); > > $("#go2").click(function(){ > $("#block2").animate( { width:"90%"}, 1000 ) > .animate( { fontSize:"24px" } , 1000 ) > .animate( { borderLeftWidth:"15px" }, 1000); > }); > > $("#go3").click(function(){ > $("#go1").add("#go2").click(); > }); > > $("#go4").click(function(){ > $("div").css({width:"", fontSize:"", borderWidth:""}); > }); > > }); > </script> > <style>div { > background-color:#bca; > color:#FFFFFF; > width:200px; > height:1.1em; > text-align:center; > border:2px solid green; > margin:3px; > font-size:14px; > } > button { > font-size:14px; > } > </style> > </head> > <body> > <button id="go1">» Animate Block1</button> > <button id="go2">» Animate Block2</button> > <button id="go3">» Animate Both</button> > <button id="go4">» Reset</button> > <div id="block1">Block1</div> > <div id="block2">Block2</div> > </body> > </html>