fadeTo() does not fade-in elements after hide() or fadeOut() is called on them

[zachstronaut]

If you call $('#foo').hide() or $('#foo).fadeOut() then calling $('#foo').fadeTo(1000, 0.5) will NOT fade the element back in to 50% opacity.

You must do $('#foo').css('opacity', 0).show().fadeTo(1000, 0.5) which gets kind of old.

The fadeTo() method could be patched to do this on its own:

(function ($) {

var proxied = $.fn.fadeTo; $.fn.fadeTo = function() {

if ($(this).is(':hidden')) {

$(this).css('opacity', 0).show();

}

return proxied.apply(this, arguments);

}

})(jQuery);

Rather than proxy patching fadeTo() it would be nice if the method itself were patched in the jQuery library code.

[mofle]

This should really be fixed for 1.4.

[mattlunn]

Wow... 10 months. This is old, tiring, and not very clean!

1.4 was out looooong ago :(

[john]

We should look at fixing this properly in 1.7.

[john]

Nominating ticket for 1.7 discussion.

[dmethvin]

+1, Seems like .fadeTo() should show hidden elements, shouldn't have back-compat issues.

[Rick Waldron]

+1, Seems obvious

[jaubourg]

+1, Looks like a bug to me.

[ajpiano]

+1,

[timmywil]

+1,

[danheberden]

+1

[john]

+1, Seems like we could just make sure it's visible before animating.

[scottgonzalez]

+1

[addyosmani]

+1

[jzaefferer]

+1

[cowboy]

+1

[timmywil]

picking this one up

[timmywil]

Looks like this is already fixed. ​http://jsfiddle.net/timmywil/cdrYt/

Let's always have test cases in tickets. ;)