Fade between pics and text description color fade

Question

Я написал эту часть кода, чтобы исчезнуть между двумя изображениями. Ниже также приведено небольшое описание, и я хочу, чтобы текст изменил цвет, а также изображение исчезло во втором, когда мышь «наведет» поле.

К сожалению, у меня возникла проблема с изменением цвета текста, и изображение исчезает, если мышь находится на коробке, текст меняет цвет, но рис не исчезает во втором.

Это то, что я использую для ПОС замирания:

$("img.grey").hover(
    function() { 
    $(this).stop().animate({"opacity": "0"}, "slow"); 
    }, 
    function() { 
    $(this).stop().animate({"opacity": "1"}, "slow"); 
}); 

Любой намек?

Вот скрипка: http://jsfiddle.net/IronFeast/BGKFN/26/

Answer 1

Сделать изменение изображения на парении по ссылке, а не изображение:

$(".box a").hover(
function() { 
    $(this).find("img.grey").stop().animate({"opacity": "0"}, "slow"); 
}, 
function() { 
    $(this).find("img.grey").stop().animate({"opacity": "1"}, "slow"); 
}); 

http://jsfiddle.net/BGKFN/28/

Редактировать
Или просто нравится: http://jsfiddle.net/BGKFN/30/

$(".box a").hover(function(e) { 
    $(this).find("img.grey").stop().animate({opacity: e.type=="mouseenter"?0:1}, 800); 
}); 

где JQuery-х hover является обобщающим для mouseenter mouseleave,
, который означает, что если мы нацелены на текущий e событие мы получаем один из двух, и с помощью ternary operator (? :) мы устанавливаем непрозрачность 0, если верно (это MouseEnter) и до 1, если false (если мышь).