I'm using a simple jQuery hover script on my page to animate
menubuttons 15px to the right on a hover. They go back at a mouse-out.
The jQuery version I'm using is 1.3.2 from the Google API's.
The script, located in the head of my index.php, is down here.
$(document).ready(function(){
$('.navitem').hover(
function () {
$(this).animate({paddingLeft:"10px"},250);
},
function () {
$(this).animate({paddingLeft:"-10px"},250);
});
});
In FF and Chrome it works nice, but in IE after a hover the statusbar
shows me "error in page" and the hovers don't work anymore.
The error-details show me this (translated from Dutch):
Message: Invalid Argument
Line: 19
Character: 35190
Code: 0
URI: http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
Does anyone know what I'm doing wrong? Because I think it's a problem
with my side of the script.