jQuery определенные выставочные кнопки на парении

У меня есть приложение, создающее набор отделений через цикл.

У каждого отделения есть класс "продукт"

таким образом, это похоже

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

таким образом, существует приблизительно 12 из этих тех же отделений на страницу.

Я хотел бы нависнуть над определенным и показать определенное "show_on_hover" отделение, которое первоначально установлено на display:none.

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

Именно это я имею до сих пор, но это покажет ВСЕ .show_on_hovers на странице, таким образом, я задамся вопросом, как получить только определенный, у Вас есть moused для показа. Этот эффект замечен на YouTube, когда Вы наведение мыши любой из комментариев и некоторые инструменты комментария открываетесь.

Спасибо!