jQuery Toggle on Hover Несколько экземпляров

Question

В настоящее время зависание над одним div приводит к тому, что все три переключаются одновременно. Попытка выяснить, как получить только тот предмет, который был завис, чтобы переключиться в это время. Хотя я мог бы дать каждому уникальный идентификатор и дублировать правила javascript для каждого, я бы предположил, что есть более чистый способ, не добавляя дополнительных уникальных классов, так как в демо будет много больше трех.

Код: http://codepen.io/anon/pen/BNdggv

$(".product").hover(function() { 
    $(".product-caption.odd").toggle("slide",{direction:"left"},500); 
    $(".product-caption.even").toggle("slide",{direction:"right"},500); 

}); 

Answer 1

использование $(this).find(), чтобы получить продукт подписи в наведен элемента

Demo

$(".product").hover(function() { 
    $(this).find(".product-caption.odd").toggle("slide",{direction:"left"},500); 
    $(this).find(".product-caption.even").toggle("slide",{direction:"right"},500); 

});