[jQuery] fade effect not working in IE
Hi,
When I load the following jquery, the load effect collapses in IE. You
can see what I mean here: http://m1.cust.educ.ubc.ca/. The buttons in
the middle of the page are supposed to load new content.
Any ideas what's wrong?
$(document).ready(function(){
q1 = {
init: function() {
$(".loader1").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/
0.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function()
{
$(this).load('homepage_images/
0.php').fadeIn('slow');
});
$("#over").css({color: 'white',
backgroundColor: '#2e4468',
textDecoration: 'underline'});
$("#other").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other2").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other3").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
});
}
}
q1.init();
q2 = {
init: function() {
$(".loader2").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/
1.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function()
{
$(this).load('homepage_images/
1.php').fadeIn('slow');
});
$("#over").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other").css({color: 'white',
backgroundColor: '#2e4468',
textDecoration: 'underline'});
$("#other2").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other3").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
});
}
}
q2.init();
q3 = {
init: function() {
$(".loader3").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/
2.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function()
{
$(this).load('homepage_images/
2.php').fadeIn('slow');
});
$("#over").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other2").css({color: 'white',
backgroundColor: '#2e4468',
textDecoration: 'underline'});
$("#other3").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
});
}
}
q3.init();
q4 = {
init: function() {
$(".loader4").click(function() {
$("#fader").fadeOut('slow', function() {
$(this).load('homepage_text/
3.php').fadeIn('slow');
});
$("#featureBanner").fadeOut('slow', function()
{
$(this).load('homepage_images/
3.php').fadeIn('slow');
});
$("#over").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other2").css({color: '#242f37',
backgroundColor: '#A4BEDF',
textDecoration: 'none'});
$("#other3").css({color: 'white',
backgroundColor: '#2e4468',
textDecoration: 'underline'});
});
}
}
q4.init();