JQuery Fade Переключить изображение в классе

Question

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

Моя проблема в том, что когда вы переходите в любой из контейнеров .thumbnail, изображение исчезает. Мне нужно каким-то образом отточить его в зависимости от того, в какой контейнер вы вошли ... может быть, с (этим) или с чем-то.

HTML:

        <div class="thumbnail" id="paparazzi">
            <a class="playback">
                <img class="play" src="http://www.lucisz.com/imgs/play.png" />
            </a>
            <audio>
                <source src="../audio/fernando_garibay_paparazzisnlmix.ogg" type="audio/ogg" />
                <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
                Your browser does not support HTML5 audio.
            </audio>
        </div>

JavaScript:

$('.play').hide();
$('.thumbnail').hover(function(){
    $('.play').fadeToggle(400);
});

Концептуальный JavaScript:

$('.play').hide();
$('this, .thumbnail').hover(function(){
    $('.play').fadeToggle(400);
});

Answer 1

Должно быть так:

$('.thumbnail').hover(function(e){
    $('.play', this).fadeToggle(400);
});

Итак, вы были почти правы.

Например: http://jsfiddle.net/4NYqv/4/

Редактировать: Извините, не таквокруг.