Question

I think my issue would be easier to understand in jsfiddle.

http://jsfiddle.net/KjR8D/4/

I am trying to fade out the Google logo on click and then automatically fade in the Yahoo logo (without clicking again).

Any help or points in the right direction would be appreciated. Thanks!

Answer 1

You have an number of issues. Here’s the fixed fiddle:

http://jsfiddle.net/KjR8D/7/

• You cannot have two elements with the same id; use class instead
• Now, we’re using the complete callback to fade in the second image
• We’re hiding the fadein image initially
• We’re stopping the default link behavior (always a good idea; otherwise a scrolled page will jump)