Jquery鼠标悬停问题

New*_*Boy 1 javascript jquery html5

我的鼠标悬停功能在我的图像上有轻微问题.当您将鼠标悬停在一个图像上时,会导致悬停状态与所有图像一起处于活动状态.[点击这里] [1]有谁知道我哪里出错了?

// JavaScript的

$(".tint").hover(function(){
$('.hover-hide').toggleClass('hidden');
}); 
Run Code Online (Sandbox Code Playgroud)

// HTML

<figure class="tint">
    <div class="hover-content hover-hide hidden">
        <a class="roll-over" href="#"><img class="img_hover" src="img/home-hover-bg.png" alt="hover"/></a>
    </div>
    </figure>
Run Code Online (Sandbox Code Playgroud)

Kal*_*yan 7

$(".tint").hover(function(){
    $(this).find('.hover-hide').toggleClass('hidden');
}); 
Run Code Online (Sandbox Code Playgroud)