[jQuery] nothing working in ie
hi, im relatively new in jquery and although my script works fine in
chrome and firefox nothing seems to work in ie. i've used a couple of
debuggers in ie and they both point to my document.ready() line.
i've searched for trailing commas which i know can cause errors but
didnt find any
this is the script in the page
$(document).ready(function() {
$('.menu,.submenu').hover(
function() {
var fade = $(this);
if(fade.is(".active")){
} else {
if (fade.is(':animated')) {
fade.stop().animate({color: "#e5086e"}, 500);
} else {
fade.animate({color: "#e5086e"}, 500);
}
}
}, function () {
var fade = $(this);
if(fade.is(".active")){
} else {
if (fade.is(':animated')) {
fade.stop().animate({color: "#7b8086"}, 500);
} else {
fade.animate({color: "#7b8086"}, 500);
}
}
});
$('p.menuProjects').click(function() {
$("#projectsSub").slideDown();
});
$('p.menuOthers').click(function() {
$("#projectsSub").slideUp();
});
$('a.menu').click(function(event) {
event.preventDefault();
if(this.id != "projects"){
$('#maincontent').fadeTo(1, 0).load(this.href, {}, function(){
$('#loader').fadeTo(500, 0, function() {
$('#maincontent').fadeTo(500, 1, function(){
$('#loader').fadeTo(1, 1);
});
});
});
}
$('a.menu').animate({color: "#7b8086"}, 250).removeClass("active");
$(this).animate({color: "#000000"}, 250).addClass("active");
});
$('a.submenu').click(function(event) {
event.preventDefault();
$('#maincontent').fadeTo(1, 0).load(this.href, {}, function(){
$('#loader').fadeTo(500, 0, function() {
$('#maincontent').fadeTo(500, 1, function(){
$('#loader').fadeTo(1, 1);
});
});
});
$('a.submenu').animate({color: "#7b8086"}, 250).removeClass
("active");
$(this).animate({color: "#000000"}, 250).addClass("active");
});
});
can anyone spot any obvious errors??
tnx