[jQuery] Function now working in safari
Can somebody see if if I am doing something wrong here?
here is my html
<div class="box JQorangeHighlight JQEqualHeightsA">
<h3><a href="#">Volunteer Opportunities</a></h3>
Become a Games Time Information Host and welcome the
world home to Whistler.
</div>
and here is a function that I run once the document is loaded
$(".JQorangeHighlight").hover(
function() {$(this).animate({ backgroundColor: "orange" }, 500) },
function() {$(this).animate({ backgroundColor: "eggshell" }, 500)
});
This does now work in safari works in firefox and IE but no safari -
however I can get the Jquery color plugin to work ins safari with the
following code
$(".JQorangeHighlight").hover(
function() {$(this).children("p").animate({ color: "orange" },
400) },
function() {$(this).children("p").animate({ color: "grey" }, 500)
});