ansaurus

Question

Why can't I fade out this table row in IE using jQuery?

Answer 1

+5 A:

Yeah, that's a bug (feature?) in IE. If you apply it to the td elements instead of the tr, you'll get the desired effect. So,

$('#hideme>td').fadeTo("slow", 0.0);

James Kolpack 2010-03-13 02:29:23

Awesome. Works like a charm now.

George Edison 2010-03-13 02:30:51

Answer 2

A:

Here is what I ended up doing, and it worked pretty good in everything, although quite complicated (and with some bugs - more on that in a minute - see if you can spot it):

function FadeInFrom(item,from_bg,from_fg,call)
{
    $to_bg = $(item).css('background-color');
    $(item).css('background-color',from_bg);

    $to_fg = $(item + '>td').css('color');
    $(item + '>td').css('color',from_fg);

    var anim = {};
    anim['backgroundColor'] = $to_bg;

    $(item).animate(anim,'slow');

    var anim2 = {};
    anim2['color'] = $to_fg;

    $(item + '>td').animate(anim2,'slow');
}

What this does is get the current color of the item, and then animates it to that color from the specified colors.

As for that bug, if you try the code above, you will notice that links and other DOM items may not be animated correctly by this. I leave it up to someone to try to find a solution for that.

George Edison 2010-03-15 20:07:01

Answer 3

A:

I am having a similar issue with IE 6. In my case the image(.png) completely disappears. Here is the code looking for assistance. Thanks in advance

$(function () {
    $('.blink').hover(function() {
 $(this).fadeTo("fast", 0.5);
 }, function() {
 $(this).fadeTo("fast", 1);
    });

});

Sid 2010-07-26 14:03:38

You would probably get a better answer if you posted this as a new question.

George Edison 2010-07-26 23:34:12

ansaurus

tags:

views:

answers:

Why can't I fade out this table row in IE using jQuery?

related questions