jQuery .hover toggleclass, classe de tous les divs basculer non seulement sur les éléments de l'enfant

Question

Sur les postes, je voudrais que les éléments de vol plané pour arriver juste à la vignette (et des éléments de l'enfant) qui est plané. Au lieu de cela, le toggleclass arrive à tous les messages sur la page. Vous pouvez voir here.

C'est ce que ma fonction ressemble.

jQuery(document).ready(function() { 
    jQuery(".masonry-bp-list-inner").hover(function() { 
     jQuery('.post_title_box').toggleClass('shiftUp'); 
     jQuery('.post-cat').toggleClass('shiftUpCat'); 
     jQuery('.thumbnail img').toggleClass('darkZoom'); 
     } 
    ); 
}); 

Answer 1

Si vous voulez que le basculement seulement se produire sur les enfants de l'élément étant planait au-dessus, il vous suffit de la portée de vos sélecteurs à l'intérieur de l'élément dans votre gestionnaire, comme:

jQuery(document).ready(function() { 
    jQuery(".masonry-bp-list-inner").hover(function() { 
     var $this = jQuery(this); 
     $this.find('.post_title_box').toggleClass('shiftUp'); 
     $this.find('.post-cat').toggleClass('shiftUpCat'); 
     $this.find('.thumbnail img').toggleClass('darkZoom'); 
     } 
    ); 
});