Как скрывать элемент конкретно в одном блоке?

Question

[dzenn]

$(document).ready(function() {
  $('.caption').hover(
      function(){
          $('.zoom').css('display','none');
      },
      function(){
          $('.zoom').css('display','block');
      }
  );
});

при наведенеии .zoom во всех блоках, а нужно что бы пропадал только в определённом элементе, на который ясрабатывает событие ховер

Answer 1

[Сергей Горячев]

А не проще через CSS скрыть? Зум внутри блока?

.caption .zoom { display: block; }
.caption:hover .zoom { display: none; }

Comments

[dzenn]

Sergey Goryachev нужно средствами jquery

Answer 2

[mletov]

...
$('.zoom').show();
$(this).find('.zoom').hide();
..

А вообще Sergey Goryachev дело говорит

Answer 3

[Serg Sniffer]

Попробуйте искать элемент .zoom внутри .caption.

$('.caption').hover(function() {
  $(this).find('.zoom').hide();
});