Hello!

I have a .container containing .wrapperA (image) and .wrapperB (image).

And use this code to make .wrapperA invisible and .wrapperB visible on hover:

1.         $(".container").hover(
               function() {
                   $(".wrapperB").fadeIn(1000)
                   $(".wrapperA").fadeOut(1000)
               },
               function() {
                   $(".wrapperB").fadeOut(1000)
                   $(".wrapperA").fadeIn(1000)
               }
           );

EDIT: The problem is that I would like to add more such identical .containers, but the code above fades out/fades in all of them simultaneously, not just "this" (where mouse pointer is) container.:) I would greatly appreciate it if someone can help me tweak the code, so it works with each container indepedently.