Przyciski specyficzne dla jquery pokaż na hover

Question

Mam aplikacji tworzenie pęczek div za pośrednictwem pętli.

Każdy div ma class "produkt"

tak wygląda

<div class="product"> 
     !.....stuff here ....! 
     <div class="show_on_hover">...buttons here... </div> 
</div> 

więc istnieje około 12 tych samych DIV na stronie.

Chciałbym najechać kursorem na konkretny i pokazać specyficzny div "show_on_hover", który początkowo ma wyświetlać: none.

$('.product').hover(function() { 
    $(.show_on_hover).show(); 
    }, 
    function() { 
     $(.show_on_hover).hide(); 
    } 
); 

To, co mam tak daleko, ale to pokaże WSZYSTKIE .show_on_hovers na stronie więc zastanawiam się jak dostać tylko jedną konkretną masz moused nad pokazać. Ten efekt jest widoczny na youtube po najechaniu kursorem na dowolny z komentarzy i pojawi się kilka narzędzi do komentowania.

Dzięki!

Answer 1

find znajdzie twoje .show_on_hover divs wewnątrz zakryte .product. Spróbuj tego:

$('.product').hover(function() { 
     $(this).find('.show_on_hover').show(); 
    }, 
    function() { 
     $(this).find('.show_on_hover').hide(); 
    } 
); 

Answer 2

spróbować $ ('', show_on_hover to) .pokaż()/hide()

dodanie drugiego param do funkcji jQuery będzie ograniczyć wyszukiwanie do być w środku tego. element. W tym przypadku będzie to div, który jest kliknięty.