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>
